JavaScript

本節要用到的html例子 複製代碼 代碼如下: <ul id="myList"> <li>項目一</li> <li>項目二</li> <li>項目三</li> </ul> 1.建立元素節點 document.createElement() 方法 用於建立元素，接受一個參數，即要建立元素的標籤名，返回建立的元素節點 複製代碼 代碼如下: var div =

1.擷取元素 getElementById()方法，通過元素的id擷取元素，接受一個參數即要擷取元素的id，如果不存在這個id返回 null 注意不要讓表單元素的name和別的元素的id相同，IE8以下的IE瀏覽器用這個方法通過元素的name屬性可以獲得該元素 以下面元素為例 <div id ="myDiv">這裡是id為“myDiv”的div內容</div>var document.getElementById("myDiv");

複製代碼 代碼如下: //檢測非IE瀏覽器外掛程式函數 function hasPlugin(name) { name = name.toLowerCase(); for (var i=0 ; i < navigator.plugins.length ; i++ ) { if (navigator.plugins[i].name.toLowerCase().indexOf(name) >-1) { return true; } } return false; }

1.逾時調用setTimeout() setTimeout() 方法接受兩個參數，第一個參數是函數，第二個參數是時間（單位微秒），返回數值ID 複製代碼 代碼如下: setTimeout( function () { alert("你好!"); },1000); 調用前取消clearTimeout(),接受一個參數逾時調用ID 複製代碼 代碼如下: var timeOutId = setTimeout( function () { alert("你好!"); },1000);

一、變數的範圍 要理解閉包，首先必須理解Javascript特殊的變數範圍。 變數的範圍無非就是兩種：全域變數和局部變數。 Javascript語言的特殊之處，就在於函數內部可以直接讀取全域變數。 複製代碼 代碼如下: 　　var n=999; 　　function f1(){ 　　　　alert(n); 　　} 　　f1(); // 999 另一方面，在函數外部自然無法讀取函數內的局部變數。 複製代碼 代碼如下: 　　function f1(){ 　　　　var n=999; 　　}

1.匹配模式標記： g ------ 表示全域模式，而不是發現第一個匹配成功就立刻結束 i ------- 表示不區分大小寫入模式 m ----- 表示多行匹配，一行結束時向下一行繼續匹配 複製代碼 代碼如下: //匹配第一個bat 或cat,不區分大小寫 var pattern1 = /[bc]at/i var pattern2 = new RegExp("[bc]at","i"); //同上 使用RegEXp是字面量模式要轉換成字串 /\[bc\]at/ =======>

1.修飾符 . 任意一個字元 * 匹配*前面0個或多個字元 + 匹配+前面一個或多個字元 ? 匹配?前面0個或1個字元 ^ 以^後面的字元為前置 $ 以$前面的字元結尾 [] 匹配[]內的一個字元 () 分組，可以用\1 \2提取 [^] 匹配^後的以外的字元 {n} {n}前的字元有n個，n為正數 {n,} {n,}前的字元至少有n個，n為正數 {n,m} {n,m}前的字元有n~m個，n,m為正數 2.字元 \d 一個數字 \D 一個非數字 \w 一個字母或數字 \W 一個非字母和非數字 \

1.原型鏈 //很少單獨使用 複製代碼 代碼如下: View Code //定義 SuperClass類，有一個屬性property和一個方法getSuperValue function SuperClass() { this.property = true; } SuperClass.prototype.getSuperValue = function() { return this.property; }

1.建立對象 複製代碼 代碼如下: var person = new Object(); person.name = "RuiLiang"; person.age = 30; person.job = "Teacher"; person.sayName = function () { alert(this.name); }; person.sayName(); 2.原廠模式 缺點：不能識別對象 複製代碼 代碼如下: function createPerson(name,age,job) {

1.URI方法 encodeURI()和encodeURIComponent()對URI進行編碼 encodeURI()不會對本身屬於URI的特殊字元進行編碼，如冒號，正斜杠，問好，井字等 encodeURIComponent()會對任何非標準字元進行編碼 2.eval() 方法：解釋參數中的代碼字串 複製代碼 代碼如下: var msg = "hello world"; eval("alert(msg)"); //"hello world" 3.Math 對象 Math.E 數學中的e的值

1.函數內部屬性 arguments arguments用來儲存函數的參數,arguments.callee指向擁有arguments對象的函數 複製代碼 代碼如下: //階乘 function factorial(num) { if (num <= 1) { return 1; } else { return num*arguments.callee(num-1); //用agreements.callee代替 } } var trueFactorial = factorial;

1.建立日期對象 複製代碼 代碼如下: var now = new Date(); //獲得當前系統日期和時間 var someDate = new Date(Date.parse("May 25,2012")); var someDate = new Date("May 25,2012"); //與上相同 var someDate = new Date(Date.UTC(2010,0)); //GMT時間2010年1月1日淩晨0時 var someDate = new Date(2010,0)

數組的建立 第一種： 複製代碼 代碼如下: var colors = new Array(); var colors = new Array(20);//建立包含20項的數組 var colors = new Array("Greg");//建立包含1項，即字串"Greg"的數組 var colors = new Array("red","blue","green"); //建立包含3項 第二種： 複製代碼 代碼如下: var colors = ["red","blue","green"];

toFixed() 方法指定小數位個數 toExponential() 方法 用科學計數法表示數，參數指定小數位個數 toPrecision() 方法自動判斷調用toFixed()或toExponential()方法,參數指定所有數的位元 複製代碼 代碼如下: var num = 99; alert(toFixed(2)); //99.00 alert(toExponential(1)); //9.0e+1 alert(toPrecision(1)); //9.0e+1

ECMAScript是一種動態類型的語言，構建於5種單一資料型別（Undefined、Null、Boolean、Number、String）和一種複雜資料類型（Object）的基礎之上。這篇文章就來複習一下單一資料型別，我會盡量從編程實踐的角度來描述，下面代碼運行環境為FireFox 14.0.1。

這一篇複習一下ECMAScript規範中的基礎文法，英文好的朋友可以直接閱讀官方文檔。JavaScript本質上也是一種類C語言，熟悉C語言的朋友，可以非常輕鬆的閱讀這篇文章，甚至都可以跳過，不過建議你最好還是看一看，在介紹的同時，我可能會引用一些自認為不易理解且比較流行的用法。 基礎文法1、標識符：所謂標識符，實際上就是指一個滿足一定規範，能夠被引擎識別的名字，可以用來表示常量、變數、函數名、函數參數、對象、對象屬性等所有可命名物件的名稱。（1）區分大小寫。（2）以字母、底線（_）或貨幣符號（

在JavaScript面世之初，沒有人會想到它會被應用的如此廣泛，也遠比一般人想象中的要複雜強大的多，在我自己學習的過程中，曾經有過多次震撼，只是常常沒有過多久，很多美輪美奐的用法就又模糊起來，希望通過對JavaScript進階程式設計（第3版）的專題學習筆記，能夠較為系統的將基礎知識梳理一次，也能夠將自己平常學習與工作過程中遇到的一些美妙用法記錄下來，便於自己再次學習，當然，也希望可以給有需要的朋友們一些力所能及的協助。

1、<DIV id=div1><h1>This is an DIV</h1></div> <button onclick=alert(div1.outerHTML)>outerHTML</button> <button onclick=alert(div1.innerHTML)>innerHTML</button> <button

資料類型 　　JavaScript中有5種單一資料型別（也稱為基礎資料型別 (Elementary Data Type)）：Undefined、Null、Boolean、Number和String。還有1種複雜資料類型——Object，Object本質上是由一組無序的名值對組成的。 　typeof操作符 　　介於JavaScript是鬆散類型的，因此需要有一種手段來檢測給定變數的資料類型——typeof就是負責提供者方面資訊的操作符。對一個值使用typeof操作符可能返回下列某個字串： 　　●

本節html以下面的為例 複製代碼 代碼如下: <div id="myDiv" class="bd" title="我是div"> <img id="img1" /> <a id="myA" href = "http://www.baidu.com">百度</a> </div> 1.通過HTMLElement類型（對象）的屬性獲得和設定元素特性 複製代碼 代碼如下: var div = document.getElementById(