在HTML頁(yè)面中使用JavaScript有兩種方式:
嵌入的JavaScript代碼
這種方式是直接將JavaScript代碼寫在HTML中姻蚓,相應(yīng)的用法是:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>在HTML中使用Javascript - Javascript測(cè)試頁(yè)面</title>
<script type="text/javascript">
alert("歡迎使用Javascript");
</script>
</head>
<body>
</body>
</html>
除了可以在head中浊服,JavaScript代碼還可以放在body中:
<body>
<h1>在HTML中使用Javascript</h1>
<script type="text/javascript">
//嵌入在body中的Javascrip代碼
alert("這是Javascript");
</script>
</body>
我們?cè)赽ody中加入script標(biāo)簽忿檩,并讓他彈出以對(duì)話框粘舟,當(dāng)瀏覽器加載到這段代碼后會(huì)將其解釋執(zhí)行!
兩種方法都可以被執(zhí)行暮胧,既沒有推薦與不推薦寫法之分胜臊,更沒有正確與錯(cuò)誤之別,主要看你的具體用法:如果你希望頁(yè)面在加載之初就開始執(zhí)行javascript代碼裙犹,就應(yīng)該將它放在head中尽狠;如果你希望在頁(yè)面加載到某個(gè)標(biāo)簽之后執(zhí)行Javascript代碼,就將其放在相應(yīng)標(biāo)簽的后面叶圃。
引用獨(dú)立的js文件
將Javascript代碼內(nèi)嵌在HTML標(biāo)簽中固然方便袄膏,但也容易造成頁(yè)面代碼混亂,通常情況下掺冠,我們會(huì)將Javascript代碼存放在一個(gè)js文件中沉馆,然后在HTML中引用js文件,寫法如下:
HTML文件:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>在HTML中使用Javascript - Javascript測(cè)試頁(yè)面</title>
<script type="text/javascript" src="js/new_file.js"></script>
</head>
<body>
</body>
</html>
new_file.js 文件:
alert("歡迎使用Javascript");
需要注意的是德崭,加載外部JS文件是線程阻塞的悍及,在沒有加載完成的時(shí)候,頁(yè)面不會(huì)繼續(xù)加載其后面的標(biāo)簽接癌,所以通常我們將引用的JS放在body的后面心赶。