首頁 > 開發者 > JavaScript
原文地址：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
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
