JavaScript網(wǎng)頁設(shè)計(jì)300例

300個(gè)javascript 綜合實(shí)例子, 右鍵查看源代碼. 基本上該有的都有了.

語句

JavaScript程序是由若干語句組成的，語句是編寫程序的指令。JavaScript提供了完整的基本編程語句，它們是：
賦值語句、switch選擇語句、while循環(huán)語句、for循環(huán)語句、for each循環(huán)語句、do...while循環(huán)語句、break循環(huán)中止語句、continue循環(huán)中斷語句、with語句、try…catch語句、if語句（if..else，if…else if…）。

函數(shù)

函數(shù)是命名的語句段，這個(gè)語句段可以被當(dāng)作一個(gè)整體來引用和執(zhí)行。使用函數(shù)要注意以下幾點(diǎn)：
1）函數(shù)由關(guān)鍵字function定義（也可由Function構(gòu)造函數(shù)構(gòu)造）。
2）使用function關(guān)鍵字定義的函數(shù)在一個(gè)作用域內(nèi)是可以在任意處調(diào)用的（包括定義函數(shù)的語句前）；而用var關(guān)鍵字定義的必須定義后才能被調(diào)用。
3）函數(shù)名是調(diào)用函數(shù)時(shí)引用的名稱，它對(duì)大小寫是敏感的，調(diào)用函數(shù)時(shí)不可寫錯(cuò)函數(shù)名。
4）參數(shù)表示傳遞給函數(shù)使用或操作的值，它可以是常量，也可以是變量，也可以是函數(shù)，在函數(shù)內(nèi)部可以通過arguments對(duì)象（arguments對(duì)象是一個(gè)偽數(shù)組，屬性callee引用被調(diào)用的函數(shù)）訪問所有參數(shù)。
5）return語句用于返回表達(dá)式的值。
6）yield語句扔出一個(gè)表達(dá)式，并且中斷函數(shù)執(zhí)行直到下一次調(diào)用next。
一般的函數(shù)都是以下格式：
function myFunction(params){
//執(zhí)行的語句
}
函數(shù)表達(dá)式：
var myFunction=function(params){
//執(zhí)行的語句
}
var myFunction = function(){
//執(zhí)行的語句
}
myFunction();//調(diào)用函數(shù)
匿名函數(shù)，它常作為參數(shù)在其他函數(shù)間傳遞：
window.addEventListener('load',function(){
//執(zhí)行的語句
},false);

對(duì)象

內(nèi)置對(duì)象

JavaScript 字符串(String)對(duì)象

字符串是 JavaScript 的一種基本的數(shù)據(jù)類型。需要注意的是，JavaScript 的字符串不可變（immutable），String 類定義的方法都不能改變字符串的內(nèi)容。像 String.toUpperCase() 這樣的方法，返回的是全新的字符串，而不是修改原始字符串。
　　String 對(duì)象的 length 屬性聲明了該字符串中的字符數(shù)。
　　String 類定義了大量操作字符串的方法，一般分為這樣幾類：查找子字符串、截取，分割和拼接字符串、匹配正則表達(dá)式、改變字符串樣式等。
　　JavaScript Date（日期）對(duì)象
　　Date 對(duì)象用于處理日期和時(shí)間，Date 對(duì)象會(huì)自動(dòng)把當(dāng)前日期和時(shí)間保存為其初始值。
　　Date 對(duì)象的大部分方法是以下幾類：
　　getXXX：獲取 年、月、日、時(shí)、分、秒、等等。
　　setXXX：設(shè)置 年、月、日、時(shí)、分、秒、等等。
　　toXXXString：轉(zhuǎn)成一定格式的字符串。

JavaScript Array（數(shù)組）對(duì)象

數(shù)組對(duì)象的作用是：使用單獨(dú)的變量名來存儲(chǔ)一系列的值。
　　數(shù)組的常用屬性是：length，代表了這個(gè)數(shù)組中元素的個(gè)數(shù)。
　　數(shù)組的常用方法分這么幾類：排序、添加和刪除元素、拼接另一個(gè)數(shù)組、轉(zhuǎn)成字符串。其中添加元素和移除元素的幾個(gè)方法還有模擬堆�；蜿�(duì)列這些數(shù)據(jù)結(jié)構(gòu)的作用。
　　JavaScript Boolean（邏輯）對(duì)象
　　Boolean（邏輯）對(duì)象用于將非邏輯值轉(zhuǎn)換為邏輯值（true 或者 false）。
　　在 JavaScript 中，布爾值是一種基本的數(shù)據(jù)類型。Boolean 對(duì)象是一個(gè)將布爾值打包的布爾對(duì)象。Boolean 對(duì)象主要用于提供將布爾值轉(zhuǎn)換成字符串的 toString() 方法。當(dāng)調(diào)用 toString() 方法將布爾值轉(zhuǎn)換成字符串時(shí)（通常是由 JavaScript 隱式地調(diào)用），JavaScript 會(huì)內(nèi)在地將這個(gè)布爾值轉(zhuǎn)換成一個(gè)臨時(shí)的 Boolean 對(duì)象，然后調(diào)用這個(gè)對(duì)象的 toString() 方法。

JavaScript Math（算數(shù)）對(duì)象

Math（算數(shù)）對(duì)象的作用是：執(zhí)行常見的算數(shù)任務(wù)。
　　Math 對(duì)象并不像 Date 和 String 那樣是對(duì)象的類，因此沒有構(gòu)造函數(shù) Math()，像 Math.sin() 這樣的函數(shù)只是函數(shù)，不是某個(gè)對(duì)象的方法。您無需創(chuàng)建它，通過把 Math 作為對(duì)象使用就可以調(diào)用其所有屬性和方法。（相當(dāng)于靜態(tài)類和靜態(tài)方法）
　　Math 對(duì)象的常用屬性都是數(shù)學(xué)相關(guān)的常量屬性，如圓周率π、2的平方根，算數(shù)常量e（自然對(duì)數(shù)的底數(shù)，約等于2.718）。
　　Math 對(duì)象中最常用的方法有這樣一些：向上（向下）取整、四舍五入取整、隨機(jī)數(shù)、返回2個(gè)數(shù)中的大數(shù)或小數(shù)。

JavaScript RegExp 對(duì)象

什么是 RegExp？
　　RegExp 是正則表達(dá)式的縮寫。當(dāng)您檢索某個(gè)文本時(shí)，可以使用一種模式來描述要檢索的內(nèi)容。RegExp 就是這種模式。簡(jiǎn)單的模式可以是一個(gè)單獨(dú)的字符。更復(fù)雜的模式包括了更多的字符，并可用于解析、格式檢查、替換等等。您可以規(guī)定字符串中的檢索位置，以及要檢索的字符類型，等等。
　　這個(gè)知識(shí)點(diǎn)，相對(duì)還是比較繁雜的，想熟練掌握是需要花費(fèi)一些功夫的，具體請(qǐng)看 JS 手冊(cè)。

JavaScript Global 對(duì)象

這是一個(gè)固有對(duì)象，目的是把所有全局方法集中在一個(gè)對(duì)象中。Global 對(duì)象不能用 new 運(yùn)算符創(chuàng)建。它在 Scripting 引擎被初始化時(shí)創(chuàng)建，并立即使其方法和屬性可用。
　　屬性：Infinity 屬性 | NaN 屬性
　　方法：escape 方法 | eval 方法 | isFinite 方法 | isNaN 方法 | parseFloat 方法 | parseInt 方法 | unescape 方法