JavaScript雜記

JavaScript可以直接寫入 HTML 輸出流

JavaScript 能夠直接寫入 HTML 輸出流中：



之間的代碼行包含了 JavaScript: 您可以在 HTML 文檔中放入不限數(shù)量的腳本。 腳本可位于 HTML 的 或 部分中，或者同時(shí)存在于兩個(gè)部分中。 通常的做法是把函數(shù)放入 部分中，或者放在頁(yè)面底部。這樣就可以把它們安置到同一處位置，不會(huì)干擾頁(yè)面的內(nèi)容。 6. 外部的 JavaScript 也可以把腳本保存到外部文件中。外部文件通常包含被多個(gè)網(wǎng)頁(yè)使用的代碼。 外部 JavaScript 文件的文件擴(kuò)展名是 .js。 如需使用外部文件，請(qǐng)?jiān)?br />

這個(gè)程序?qū)懙牟缓?，因?yàn)樗鼪]有觸法程序，不能體現(xiàn)JS的作用

? 使用 document.write() 方法將內(nèi)容寫到 HTML 文檔中。

? 使用 innerHTML 寫入到 HTML 元素。

? 使用 console.log() 寫入到瀏覽器的控制臺(tái)。

console.log() 方法能夠讓你看到你在頁(yè)面中的輸出內(nèi)容，讓你更容易調(diào)試javascript；與alert相比，console不會(huì)打斷你頁(yè)面的操作，console里面的內(nèi)容非常豐富，你可以在控制臺(tái)輸入 console。

您知道嗎?

Note 程序中調(diào)試是測(cè)試，查找及減少bug(錯(cuò)誤)的過程。

8. JavaScript 數(shù)據(jù)類型

JavaScript 有多種數(shù)據(jù)類型：數(shù)字，字符串，數(shù)組，對(duì)象等等：



var length = 16; // Number 通過數(shù)字字面量賦值

var points = x * 10; // Number 通過表達(dá)式字面量賦值

var lastName = “Johnson”; // String 通過字符串字面量賦值

var cars = [“Saab”, “Volvo”, “BMW”]; // Array 通過數(shù)組字面量賦值

var person = {firstName:“John”, lastName:“Doe”}; // Object 通過對(duì)象字面量賦值

9. Value = undefined

在計(jì)算機(jī)程序中，經(jīng)常會(huì)聲明無值的變量。未使用值來聲明的變量，其值實(shí)際上是 undefined。



在執(zhí)行過以下語(yǔ)句后，變量 carname 的值將是 undefined：



var carname;

10. Undefined 和 Null

Undefined 這個(gè)值表示變量不含有值。



可以通過將變量的值設(shè)置為 null 來清空變量。

11. 聲明變量類型

當(dāng)您聲明新變量時(shí)，可以使用關(guān)鍵詞 “new” 來聲明其類型：



var carname=new String;

var x= new Number;

var y= new Boolean;

var cars= new Array;

var person= new Object;



JavaScript 變量均為對(duì)象。當(dāng)您聲明一個(gè)變量時(shí)，就創(chuàng)建了一個(gè)新的對(duì)象。



JavaScript函數(shù)

在JavaScript中，函數(shù)即對(duì)象，可以隨意地被程序操控，函數(shù)可以嵌套在其他函數(shù)中定義，這樣可以訪問它們被定義時(shí)所處的作用域中的任何變量。

函數(shù)是由事件驅(qū)動(dòng)的或者當(dāng)它被調(diào)用時(shí)執(zhí)行的可重復(fù)使用的代碼塊。

<1>JavaScript 函數(shù)語(yǔ)法

函數(shù)就是包裹在花括號(hào)中的代碼塊，前面使用了關(guān)鍵詞 function：



function functionname()

{

執(zhí)行代碼

}



當(dāng)調(diào)用該函數(shù)時(shí)，會(huì)執(zhí)行函數(shù)內(nèi)的代碼。



可以在某事件發(fā)生時(shí)直接調(diào)用函數(shù)（比如當(dāng)用戶點(diǎn)擊按鈕時(shí)），并且可由 JavaScript 在任何位置進(jìn)行調(diào)用。



lamp JavaScript 對(duì)大小寫敏感。關(guān)鍵詞 function 必須是小寫的，并且必須以與函數(shù)名稱相同的大小寫來調(diào)用函數(shù)。

提示：function 中的花括號(hào)是必需的，即使函數(shù)體內(nèi)只包含一條語(yǔ)句，仍然必須使用花括號(hào)將其括起來。



<2>帶有返回值的函數(shù)

有時(shí)，我們會(huì)希望函數(shù)將值返回調(diào)用它的地方。



通過使用 return 語(yǔ)句就可以實(shí)現(xiàn)。



在使用 return 語(yǔ)句時(shí)，函數(shù)會(huì)停止執(zhí)行，并返回指定的值。

<3>在您僅僅希望退出函數(shù)時(shí) ，也可使用 return 語(yǔ)句。返回值是可選的：



function myFunction(a,b)

{

if (a>b)

{

return;

}

x=a+b

}

如果 a 大于 b，則上面的代碼將退出函數(shù)，并不會(huì)計(jì)算 a 和 b 的總和。



<3>局部 JavaScript 變量

在 JavaScript 函數(shù)內(nèi)部聲明的變量（使用 var）是局部變量，所以只能在函數(shù)內(nèi)訪問它。（該變量的作用域是局部的）。

您可以在不同的函數(shù)中使用名稱相同的局部變量，因?yàn)橹挥新暶鬟^該變量的函數(shù)能識(shí)別出該變量。

只要函數(shù)運(yùn)行完畢，本地變量就會(huì)被刪除。

局部變量比同名全局變量的優(yōu)先級(jí)高，所以局部變量會(huì)隱藏同名的全局變量。



全局 JavaScript 變量

在函數(shù)外聲明的變量是全局變量，網(wǎng)頁(yè)上的所有腳本和函數(shù)都能訪問它。



JavaScript 變量的生存期

JavaScript 變量的生命期從它們被聲明的時(shí)間開始。

局部變量會(huì)在函數(shù)運(yùn)行以后被刪除。

全局變量會(huì)在頁(yè)面關(guān)閉后被刪除。



向未聲明的 JavaScript 變量分配值

如果您把值賦給尚未聲明的變量，該變量將被自動(dòng)作為全局變量聲明。

這條語(yǔ)句：

carname=“Volvo”;

將聲明一個(gè)全局變量 carname，即使它在函數(shù)內(nèi)執(zhí)行。

13. JavaScript 作用域

作用域是可訪問變量的集合。



在JavaScript中，能夠定義全局作用域或者局部作用域。



HTML 中的全局變量

在 HTML 中, 全局變量是 window 對(duì)象: 所有數(shù)據(jù)變量都屬于 window 對(duì)象。

實(shí)例

//此處可使用 window.carName



function myFunction() {

carName = “Volvo”;

}



? 你的全局變量，或者函數(shù)，可以覆蓋 window 對(duì)象的變量或者函數(shù)。

? 局部變量，包括 window 對(duì)象可以覆蓋全局變量和函數(shù)。

也就是說全局變量可以覆蓋全局變量，局部可以在局部作用域里面覆蓋全局變量

JavaScript事件

JavaScript 事件

事件是可以被 JavaScript 偵測(cè)到的行為。

HTML 事件是發(fā)生在 HTML 元素上的事情。



當(dāng)在 HTML 頁(yè)面中使用 JavaScript 時(shí)， JavaScript 可以觸發(fā)這些事件。

HTML 事件

HTML 事件可以是瀏覽器行為，也可以是用戶行為。

HTML 網(wǎng)頁(yè)中的每個(gè)元素都可以產(chǎn)生某些可以觸發(fā) JavaScript 函數(shù)的事件。

以下是 HTML 事件的實(shí)例：

? HTML 頁(yè)面完成加載

? HTML input 字段改變時(shí)

? HTML 按鈕被點(diǎn)擊

通常，當(dāng)事件發(fā)生時(shí)，你可以做些事情。

在事件觸發(fā)時(shí) JavaScript 可以執(zhí)行一些代碼。

HTML 元素中可以添加事件屬性，使用 JavaScript 代碼來添加 HTML 元素。

單引號(hào):



雙引號(hào):

常見的HTML事件

下面是一些常見的HTML事件的列表:

事件 描述

onchange HTML 元素改變

onclick 用戶點(diǎn)擊 HTML 元素

onmouseover 用戶在一個(gè)HTML元素上移動(dòng)鼠標(biāo)

onmouseout 用戶從一個(gè)HTML元素上移開鼠標(biāo)

onkeydown 用戶按下鍵盤按鍵

onload 瀏覽器已完成頁(yè)面的加載

15. JavaScript 字符串

JavaScript 字符串用于存儲(chǔ)和處理文本。



字符串長(zhǎng)度

可以使用內(nèi)置屬性 length 來計(jì)算字符串的長(zhǎng)度：



字符串屬性和方法

原始值字符串，如 “John”, 沒有屬性和方法(因?yàn)樗麄儾皇菍?duì)象)。

原始值可以使用 JavaScript 的屬性和方法，因?yàn)?JavaScript 在執(zhí)行方法和屬性時(shí)可以把原始值當(dāng)作對(duì)象。

藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)。