JavaScript 簡(jiǎn)介
JavaScript 是什么？
JavaScript 是一種廣泛應(yīng)用于客戶端網(wǎng)頁(yè)（瀏覽器）開發(fā)的腳本語(yǔ)言，如用來(lái)給 HTML 網(wǎng)頁(yè)添加動(dòng)態(tài)功能，比如響應(yīng)用戶的各種操作等。
JavaScript 是一種基于對(duì)象(Object)和事件驅(qū)動(dòng)(Event Driven)并具有安全性能的腳本語(yǔ)言，大部分情況下是由網(wǎng)頁(yè)瀏覽器來(lái)執(zhí)行的。
JavaScript 是美國(guó) Sun 公司的注冊(cè)商標(biāo)，目前 Javascript 的最新版本為 1.9 版，遵循 Ecma 國(guó)際（前身為歐洲計(jì)算機(jī)制造商協(xié)會(huì)）的 ECMA-262標(biāo)準(zhǔn)（即ECMAScript），該版本還在不斷發(fā)展中。
JavaScript 特點(diǎn)
腳本編寫語(yǔ)言
JavaScript 是一種腳本語(yǔ)言，它采用小程序段的方式實(shí)現(xiàn)編程。像其它腳本語(yǔ)言一樣，JavaScript 是一種解釋性語(yǔ)言，在瀏覽器執(zhí)行的時(shí)候被逐行的翻譯。
基于對(duì)象的語(yǔ)言
JavaScript 是一種基于對(duì)象的語(yǔ)言，同時(shí)也可以看作是面向?qū)ο蟮?，這意味著它能運(yùn)用自己已經(jīng)創(chuàng)建的對(duì)象。因此，許多功能可以來(lái)自于腳本環(huán)境中對(duì)象的方法與腳本的相互作用。
簡(jiǎn)單性
要使用了編寫 JavaScript 是非常簡(jiǎn)單的，您無(wú)需安裝特定的開發(fā)環(huán)境，只需要一個(gè)簡(jiǎn)單的記事本即可編寫 JavaScript 腳本。它具有基本的程序語(yǔ)法和語(yǔ)言結(jié)構(gòu)以及弱數(shù)據(jù)類型，而這些都是很容易學(xué)習(xí)和使用的。
安全性
JavaScript 是一種安全性語(yǔ)言，它不允許訪問(wèn)本地的硬盤，并不能將數(shù)據(jù)存入到服務(wù)器上，不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，只能通過(guò)瀏覽器實(shí)現(xiàn)信息瀏覽或動(dòng)態(tài)交互，從而有效地防止數(shù)據(jù)的丟失。
動(dòng)態(tài)性
JavaScript 是動(dòng)態(tài)的，它可以直接對(duì)用戶的輸入做出響應(yīng)，無(wú)須經(jīng)過(guò) Web 服務(wù)程序。它對(duì)用戶的反映響應(yīng)，是采用以事件驅(qū)動(dòng)的方式進(jìn)行的。所謂事件驅(qū)動(dòng)，是指在網(wǎng)頁(yè)中執(zhí)行了某種操作所產(chǎn)生的動(dòng)作，就稱為“事件”(Event)：比如按下鼠標(biāo)、移動(dòng)窗口、選擇菜單等都可以視為事件。當(dāng)事件發(fā)生后，可能會(huì)引起相應(yīng)的 JavaScript 事件響應(yīng)。
跨平臺(tái)性
JavaScript 是由網(wǎng)頁(yè)瀏覽器來(lái)執(zhí)行，與操作系統(tǒng)環(huán)境無(wú)關(guān)，只要能運(yùn)行瀏覽器的計(jì)算機(jī)，并支持 JavaScript 的瀏覽器就可正確執(zhí)行。
直接寫入 HTML 輸出
<html>
<head>
<script>
alert('Hello, world');
</script>
</head>
<body>
<p>...</p>
</body>
</html>對(duì)事件的反應(yīng)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php.cn</title>
</head>
<body>
<button type="button" onclick="alert('你好!')">點(diǎn)我!</button>
</body>
</html>改變 HTML 內(nèi)容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p id="demo">
內(nèi)容。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo"); // 找到元素
x.innerHTML="Hello JavaScript!"; // 改變內(nèi)容
}
</script>
<button type="button" onclick="myFunction()">點(diǎn)擊這里</button>
</body>
</html>改變 HTML 圖像
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
{
element.src="/images/pic_bulboff.gif";
}
else
{
element.src="/images/pic_bulbon.gif";
}
}
</script>
<img id="myimage" onclick="changeImage()"
src="/images/pic_bulboff.gif" width="100" height="180">
<p>點(diǎn)擊燈泡查看效果</p>
</body>
</html>改變 HTML 樣式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
</head>
<body>
<p id="demo">
改變 HTML 的樣式。
</p>
<script>
function myFunction()
{
x=document.getElementById("demo") // 找到元素
x.style.color="blue"; // 改變樣式
}
</script>
<button type="button" onclick="myFunction()">點(diǎn)擊這里</button>
</body>
</html>驗(yàn)證輸入
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@")
dotpos=value.lastIndexOf(".")
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false}
else {return true}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"Not a valid e-mail address!")==false)
{email.focus();return false}
}
}
</script>
</head>
<body>
<form action="submitpage.htm"onsubmit="return validate_form(this);" method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Submit">
</form>
</body>
</html>
