Javas cript 必需嵌入到 HTML 文檔，才能被瀏覽器解釋和執(zhí)行。
將 Javas cript 腳本嵌入到 HTML 文檔中有3種標(biāo)準(zhǔn)方法：
1.
通過(guò) <s cript> 標(biāo)簽嵌入；
2.
3.
引入外部腳本；
4.
5.
在 HTML 屬性中直接嵌入。
6.
一. 通過(guò)<s cript>標(biāo)簽嵌入通過(guò) <s cript> 標(biāo)簽嵌入Javas cript代碼時(shí)，必需將代碼放在 <s cript type="text/javas cript"> 和 </s cript> 標(biāo)記對(duì)之間。
【例1-2】通過(guò)<s cript>標(biāo)簽嵌入Javas cript代碼：
<html>
<head>
<title>通過(guò)<s
cript>標(biāo)簽嵌入</title>
</head>
<bdoy>
<!-- 開始嵌入Javas cript代碼 -->
<s
cript type="text/javas cript">
document.write("這是通過(guò)<s
cript>標(biāo)簽嵌入的代碼"); // 輸出語(yǔ)句
</s
cript>
<!-- 結(jié)束 -->
</body>
</html>
瀏覽器載入HTML文檔時(shí)，會(huì)識(shí)別 <s cript> 標(biāo)簽，執(zhí)行其中的 Javas cript 代碼，然后將結(jié)果返回并在瀏覽器窗口顯示。
二. 引入外部腳本當(dāng)網(wǎng)頁(yè)功能比較復(fù)雜，或通用代碼（每個(gè)頁(yè)面都是用）較多時(shí)，直接在 <s cript> 標(biāo)簽中嵌入 Javas cript 代碼會(huì)導(dǎo)致網(wǎng)頁(yè)雜亂，不易管理。這時(shí)候，我們希望能將Javas cript代碼保存在單獨(dú)的文件中，使用時(shí)再嵌入到 HTML 文檔。
可以通過(guò) <s cript> 標(biāo)簽的 src 屬性引入外部文件。
例如，引入網(wǎng)站根目錄下的 demo.js 文件：
1
<s
cript type="text/javas cript"
src="/demo.js"></s
cript>
引入上級(jí)目錄中 s cript 目錄下的 demo.js 文件：
1
<s
cript type="text/javas cript"
src="../s cript/demo.js"></s
cript>
引入百度的 Javas cript 文件：
1
<s
cript type="text/javas cript"
src="http://www.baidu.com/s cript/demo.js"></s
cript>
【例1-3】引入外部腳本：
<html>
<head>
<title>引入外部腳本</title>
</head>
<bdoy>
<s
cript type="text/javas cript"
src="1-3.js"></s
cript>
</body>
</html>
將上面代碼保存為 1-3.html ，并在同一目錄下創(chuàng)建一個(gè) Javas cript 腳本文件，命名為1-3.js，輸入如下代碼：
1
document.write("引入外部腳本");
在瀏覽器中打開 1-3.html ，顯示 ”引入外部腳本“，外部腳本成功引入并執(zhí)行。
引入外部腳本，能夠很輕松的讓多個(gè)頁(yè)面使用相同的 Javas cript 代碼。外部腳本一般會(huì)被瀏覽器保存在緩存文件中，用戶再次訪問(wèn)網(wǎng)頁(yè)時(shí)，無(wú)需重新載入，加快了網(wǎng)頁(yè)打開速度。
注意：外部腳本一般保存為 .js 的文件。
三. 在 HTML 屬性中直接嵌入在 HTML 屬性中嵌入 Javas cript 代碼主要是針對(duì) Javas cript 事件。Javas cript 事件是指用戶對(duì)網(wǎng)頁(yè)進(jìn)行操作時(shí)，網(wǎng)頁(yè)做出相應(yīng)的響應(yīng)。
【例1-4】鼠標(biāo)單擊事件：
<html>
<head>
<title>鼠標(biāo)單擊事件</title>
</head>
<bdoy>
<p
onclick="alert('你已經(jīng)點(diǎn)擊了我！');">請(qǐng)點(diǎn)擊這里</p>
</body>
</html>
【例1-4】鼠標(biāo)雙擊事件：
<html>
<head>
<title>鼠標(biāo)雙擊事件</title>
</head>
<bdoy>
<p
ondblclick="alert('你已經(jīng)雙擊了我！');">請(qǐng)雙擊這里</p>
</body>
</html>
【例1-5】鼠標(biāo)移入事件：
<html>
<head>
<title>鼠標(biāo)雙擊事件</title>
</head>
<bdoy>
<p
onmouseover="alert('你的鼠標(biāo)已移動(dòng)！');">請(qǐng)將鼠標(biāo)移動(dòng)到這里</p>
</body>
</html>
說(shuō)明：alert() 函數(shù)彈出一個(gè)警告框。
嵌入腳本的位置<s cript> 標(biāo)簽嵌入的腳本和外部引入的腳本可以放在 <head> 標(biāo)簽和 <body> 標(biāo)簽的任意位置。
上面的幾個(gè)例子，都是將 Javas cript 代碼嵌入到 <body> 標(biāo)簽，下面演示在 <head> 標(biāo)簽中嵌入腳本。
【例1-6】在 <head> 標(biāo)簽中引入外部腳本
<html>
<head>
<title>引入外部腳本</title>
<s cript type="text/javas cript"
src="1-3.js"></s cript>
</head>
<bdoy>
<p> 在<head>標(biāo)簽中引入外部腳本 </p>
</body>
</html>
【例1-6】通過(guò) <s cript> 標(biāo)簽嵌入腳本
<html>
<head>
<title>引入外部腳本</title>
</head>
<bdoy>
<p
id="demo">請(qǐng)點(diǎn)擊這里</p>
<s
cript type="text/javas cript">
document.getElementById("demo").onclick=function(){
alert("你已經(jīng)點(diǎn)擊了我");
}
</s
cript>
</body>
</html>
如有問(wèn)題請(qǐng)聯(lián)系我們，我們7*24小時(shí)竭誠(chéng)為您服務(wù)
客服電話：0535-7657218
在線QQ客服：
官方微信號(hào)：yue13335096499
淘寶客服：
