1、1、JavaScript 顯示數(shù)據(jù)JavaScript 可以通過不同的方式來輸出數(shù)據(jù)：使用 window.alert() 彈出警告框。使用 document.write() 方法將內(nèi)容寫到 HTML 文檔中。使用 innerHTML 寫入到 HTML 元素。使用 console.log() 寫入到瀏覽器的控制臺。實例：document.getElementById("demo").innerHTML = "段落已修改。"document.write("<h1&

2、gt;這是一個標題</h1>");/write可以直接寫入格式！2、JavaScript 數(shù)據(jù)類型var length = 16; / Number 通過數(shù)字字面量賦值 var points = x * 10; / Number 通過表達式字面量賦值var lastName = "Johnson" / String 通過字符串字面量賦值var cars = "Saab", "Volvo", "BMW" / Array 通過數(shù)組字面量賦值var person = firstName:"

3、John", lastName:"Doe" / Object 通過對象字面量賦值var cars=new Array();cars0="Saab"cars1="Volvo"cars2="BMW"3、JavaScript 事件HTML 事件可以是瀏覽器行為，也可以是用戶行為。以下是 HTML 事件的實例：HTML 頁面完成加載。HTML input 字段改變時。HTML 按鈕被點擊。右圖是常見的事件(前面都有on)事件有三種寫法，舉onclick為例：<button onclick=&quo

4、t;getElementById('demo').innerHTML=Date()">現(xiàn)在的時間是?</button><button onclick="this.innerHTML=Date()">現(xiàn)在的時間是?</button><button onclick="displayDate()">現(xiàn)在的時間是?</button> /后面再寫函數(shù)實現(xiàn)方式。4、JavaScript 字符串var carname = "Volvo XC60" var c

5、haracter = carname7; /字符串的索引從 0 開始JavaScript本身對單引號還是雙引號沒有區(qū)別。一般都用雙引號，兩個都存在時，再考慮。使用內(nèi)置屬性 length 來計算字符串的長度，不是方法(函數(shù))，所以沒有括號()。字符串也可以是對象。5、JavaScript 驗證 API約束驗證 DOM 方法實例：6、JavaScript JSONJSON 是用于存儲和傳輸數(shù)據(jù)的格式。JSON 通常用于服務端向網(wǎng)頁傳遞數(shù)據(jù)。不是網(wǎng)頁向服務端。JSON 實例"sites": "name":"Runoob&

6、quot;, "url":"", "name":"Google", "url":"", "name":"Taobao", "url":"" JSON鍵值對都是要有引號的。但是JavaScript 對象，前面是沒有引號的，后面也只有字符串才有引號。var person =     firstName:"John", &#

7、160;  lastName:"Doe",    age:50,    eyeColor:"blue"使用 JavaScript 內(nèi)置函數(shù) JSON.parse() 將JSON字符串轉換為 JavaScript 對象:var obj = JSON.parse(text);JSON.stringify() 方法用于將 JavaScript 值轉換為JSON字符串。7、JavaScript 函數(shù)Arguments 對象(就是函數(shù)的參數(shù)對象)JavaScript 函數(shù)有個內(nèi)置的對象

8、 arguments 對象。argument 對象包含了函數(shù)調用的參數(shù)數(shù)組。通過這種方式你可以很方便的找到最大的一個參數(shù)的值：函數(shù)作為方法被調用8、JavaScript HTML DOM通過 id 找到 HTML 元素 document.getElementById通過標簽名找到 HTML 元素 document.getElementByTagName通過類名找到 HTML 元素 document.getElementsByClassName本例查找 id="main" 的元素，然后查找 id="main" 元素中的所有 <p> 元

9、素：實例。找到該元素，則該方法將以對象（在 x 中）的形式返回var x=document.getElementById("main");var y=x.getElementsByTagName("p");(1) 改變 HTML 輸出流document.write(Date();(2) 改變 HTML 內(nèi)容document.getElementById("p1").innerHTML="新文本!"(3) 改變 HTML 屬性document.getElementById(id).attribute=新屬性值docu

10、ment.getElementById("image").src="landscape.jpg" /本例改變了img元素的src屬性(4) 改變 HTML 樣式document.getElementById("p2").style.color="blue" /點擊后變顏色，這點常用。9、JavaScript 對象這個例子創(chuàng)建了對象的一個新實例，并向其添加了四個屬性：實例person=new Object();person.firstname="John"person.lastname=

11、"Doe"person.age=50;person.eyecolor="blue"10、JavaScript Window - 瀏覽器對象模型所有 JavaScript 全局對象、函數(shù)以及變量均自動成為 window 對象的成員。全局變量是 window 對象的屬性。全局函數(shù)是 window 對象的方法。甚至 HTML DOM 的 document 也是 window 對象的屬性之一：window.document.getElementById("header");與此相同：document.getElementById(&

12、quot;header");11、JavaScript 彈窗(1) 警告框 window.alert() 方法可以不帶上window對象，直接使用alert()方法。(2) 確認框 window.confirm() 方法可以不帶上window對象，直接使用confirm()方法。(3) 提示框 mpt() 方法可以不帶上window對象，直接使用prompt()方法。12、JavaScript 計時事件setInterval() - 間隔指定的毫秒數(shù)不停地執(zhí)行指定的代碼。setTimeout() - 暫停指定的毫秒數(shù)后執(zhí)行指定的代碼。(1) setInterval() 方法window.setInterval("javascript function",milliseconds);window.setInterval() 方法可以不使用win