JavaScript - 客戶端腳本

JavaScript 是屬于網(wǎng)絡(luò)的腳本語(yǔ)言!

JavaScript 被數(shù)百萬計(jì)的網(wǎng)頁(yè)用來改進(jìn)設(shè)計(jì)、驗(yàn)證表單、檢測(cè)瀏覽器、創(chuàng)建cookies,以及更多的應(yīng)用。

JavaScript 學(xué)習(xí)簡(jiǎn)單

實(shí)例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(runoob.com)</title>
<script>
function displayDate(){
	document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>

<h1>我的第一個(gè) JavaScript 程序</h1>
<p id="demo">這是一個(gè)段落</p>

<button type="button" onclick="displayDate()">顯示日期</button>

</body>
</html>

運(yùn)行實(shí)例 ?

點(diǎn)擊 "運(yùn)行實(shí)例" 按鈕查看在線實(shí)例


什么是 JavaScript?

  • JavaScript 被設(shè)計(jì)用來向 HTML 頁(yè)面添加交互行為。

  • JavaScript 是一種腳本語(yǔ)言（腳本語(yǔ)言是一種輕量級(jí)的編程語(yǔ)言）。

  • JavaScript 由數(shù)行可執(zhí)行計(jì)算機(jī)代碼組成。

  • JavaScript 通常被直接嵌入 HTML 頁(yè)面。

  • JavaScript 是一種解釋性語(yǔ)言（就是說，代碼執(zhí)行不進(jìn)行預(yù)編譯）。

  • 所有的人無需購(gòu)買許可證均可使用 JavaScript。

客戶端腳本

JavaScript "制定" 瀏覽器行為。這就是所謂的客戶端腳本（或?yàn)g覽器的腳本）。

服務(wù)器端腳本是"制定"服務(wù)器的行為（見本站的ASP / PHP教程）。

JavaScript可以做什么？

  • JavaScript 為 HTML 設(shè)計(jì)師提供了一種編程工具
    HTML 創(chuàng)作者往往都不是程序員，但是 JavaScript 卻是一種只擁有極其簡(jiǎn)單的語(yǔ)法的腳本語(yǔ)言！幾乎每個(gè)人都有能力將短小的代碼片斷放入他們的 HTML 頁(yè)面當(dāng)中。

  • JavaScript 可以將動(dòng)態(tài)的文本放入 HTML 頁(yè)面
    類似于這樣的一段 JavaScript 聲明可以將一段可變的文本放入 HTML 頁(yè)面：document.write("<h1>" + name + "</h1>")

  • JavaScript 可以對(duì)事件作出響應(yīng)
    可以將 JavaScript 設(shè)置為當(dāng)某事件發(fā)生時(shí)才會(huì)被執(zhí)行，例如頁(yè)面載入完成或者當(dāng)用戶點(diǎn)擊某個(gè) HTML 元素時(shí)。

  • JavaScript 可以讀寫 HTML 元素
    JavaScript 可以讀取及改變 HTML 元素的內(nèi)容。

  • JavaScript 可被用來驗(yàn)證數(shù)據(jù)
    在數(shù)據(jù)被提交到服務(wù)器之前，JavaScript 可被用來驗(yàn)證這些數(shù)據(jù)。

  • JavaScript 可被用來檢測(cè)訪問者的瀏覽器
    JavaScript 可被用來檢測(cè)訪問者的瀏覽器，并根據(jù)所檢測(cè)到的瀏覽器，為這個(gè)瀏覽器載入相應(yīng)的頁(yè)面。

  • JavaScript 可被用來創(chuàng)建 cookies
    JavaScript 可被用來存儲(chǔ)和取回位于訪問者的計(jì)算機(jī)中的信息。

什么是HTML DOM？

HTML DOM 定義了訪問和操作 HTML 文檔的標(biāo)準(zhǔn)方法。

DOM 將 HTML 文檔表達(dá)為樹結(jié)構(gòu)。

HTML DOM Tree 實(shí)例

DOM HTML tree


如何學(xué)習(xí)JavaScript？

訪問完整的 JavaScript 教程

訪問 完整的 HTML DOM 教程

訪問完整的 JavaScript 和 HTML DOM 參考手冊(cè)