JavaScript - 客戶端腳本

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

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

JavaScript 學習簡單

實例

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

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

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

</body>
</html>

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例


什么是 JavaScript?

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

  • JavaScript 是一種腳本語言（腳本語言是一種輕量級的編程語言）。

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

  • JavaScript 通常被直接嵌入 HTML 頁面。

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

  • 所有的人無需購買許可證均可使用 JavaScript。

客戶端腳本

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

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

JavaScript可以做什么？

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

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

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

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

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

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

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

什么是HTML DOM？

HTML DOM 定義了訪問和操作 HTML 文檔的標準方法。

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

HTML DOM Tree 實例

DOM HTML tree


如何學習JavaScript？

訪問完整的 JavaScript 教程

訪問 完整的 HTML DOM 教程

訪問完整的 JavaScript 和 HTML DOM 參考手冊