原文地址:http://www.qeefee.com/js/use-javascript-in-html
更多Javascript教程,歡迎訪問起飛網>>Javascript教程
本文:
在HTML頁面中使用Javascript有兩種方式:
嵌入的Javascript代碼
這種方式是直接將Javascript代碼寫在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測試頁面</title> <script type="text/javascript"> alert("歡迎使用Javascript - 起飛網"); </script></head><body></body></html>
在上面的代碼中,我們包含Javascript代碼的script標籤放在和head中,當我們運行頁面的時候,就會彈出一個對話方塊,如:
除了可以放在head中,javascript代碼還可以放在body:
<body> <h1>在HTML中使用Javascript - 起飛網</h1> <script type="text/javascript"> //嵌入在body中的Javascrip代碼 alert("這是在body中的Javascript - 起飛網"); </script></body>
我們在body中加入一個script標籤,並讓它彈出一個對話方塊,當瀏覽器載入到這段代碼後會將其解釋執行,效果如:
兩種寫法都可以被執行,既沒有推薦與不推薦寫法之分,更沒有正確與錯誤之別,主要看你的具體用法:如果你希望頁面在載入之初就開始執行javascript代碼,就應該將它放在head中;如果你希望在頁面載入到某個標籤之後執行Javascript代碼,就將其放在相應標籤的後面。
引用獨立的js檔案
將Javascript代碼內嵌在HTML標籤中固然方便,但也容易造成頁面代碼混亂,通常情況下,我們會將Javascript代碼存放在一個js檔案中,然後在HTML中引用js檔案,寫法如下:
需要注意的是,載入外部JS檔案是線程阻塞的,在沒有載入完成的時候,頁面不會繼續載入其後面的標籤,所以通常我們將引用的JS放在body的後面。
最後給出這個樣本的下載,希望能夠協助初學的朋友!
起飛網-在HTML中使用Javascript樣本.rar