JavaScript雜記

JavaScript可以直接寫入 HTML 輸出流

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



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

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

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

? 使用 innerHTML 寫入到 HTML 元素。

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

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

您知道嗎?

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

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

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



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 通過對象字面量賦值

9. Value = undefined

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



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



var carname;

10. Undefined 和 Null

Undefined 這個值表示變量不含有值。



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

11. 聲明變量類型

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



var carname=new String;

var x= new Number;

var y= new Boolean;

var cars= new Array;

var person= new Object;



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



JavaScript函數(shù)

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

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

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

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



function functionname()

{

執(zhí)行代碼

}



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



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



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

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



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

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



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



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

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



function myFunction(a,b)

{

if (a>b)

{

return;

}

x=a+b

}

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



<3>局部 JavaScript 變量

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

您可以在不同的函數(shù)中使用名稱相同的局部變量，因為只有聲明過該變量的函數(shù)能識別出該變量。

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

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



全局 JavaScript 變量

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



JavaScript 變量的生存期

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

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

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



向未聲明的 JavaScript 變量分配值

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

這條語句：

carname=“Volvo”;

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

13. JavaScript 作用域

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



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



HTML 中的全局變量

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

實例

//此處可使用 window.carName



function myFunction() {

carName = “Volvo”;

}



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

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

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

JavaScript事件

JavaScript 事件

事件是可以被 JavaScript 偵測到的行為。

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



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

HTML 事件

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

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

以下是 HTML 事件的實例：

? HTML 頁面完成加載

? HTML input 字段改變時

? HTML 按鈕被點擊

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

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

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

單引號:



雙引號:

常見的HTML事件

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

事件 描述

onchange HTML 元素改變

onclick 用戶點擊 HTML 元素

onmouseover 用戶在一個HTML元素上移動鼠標(biāo)

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

onkeydown 用戶按下鍵盤按鍵

onload 瀏覽器已完成頁面的加載

15. JavaScript 字符串

JavaScript 字符串用于存儲和處理文本。



字符串長度

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



字符串屬性和方法

原始值字符串，如 “John”, 沒有屬性和方法(因為他們不是對象)。

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

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