首頁 > 開發者 > JavaScript
JavaScript是網路指令碼語言，與Html語言混合使用，在學習JavaScript之前，要有一定的Html基礎。
那麼如何把JavaScript放入Html頁面呢？
JavaScript放人Html頁面有三種方式：
1.放入head部分
JavaScript放入head部分，只有指令碼被調用時，指令碼才會被執行，可以確保在調用JavaScript之前，JavaScript就已經被載入了。
Example：
<html>
<head>
<script type="text/javascript">
function clicktest() {
alert("我被點擊了！")
}
$("#click").css("background", "red");
</script>
</head>
<body>
<button onclick="clicktest()" id="click"> Click</button>
</body>
</html>
此執行個體當button被點擊以後會彈出“我被點擊了！”的視窗，但是button的背景顏色並沒有改變，說明指令碼$("#click").css("background", "red");載入的時候，button並沒有載入，所以沒辦法改變button的背景色。
2.放入body部分
JavaScript放入body部分，頁面載入的時候指令碼就被執行了
Example：
<html>
<head>
</head>
<body>
<button onclick="clicktest()" id="click">
Click</button>
<script type="text/javascript">
$("#click").css("background", "red");
function clicktest() {
alert("我被點擊了！");
}
</script>
</body>
</html>
此執行個體頁面載入的時候button的背景顏色就變成紅色的了，說明頁面載入的時候指令碼就被執行了。
3.放入Html外部，然後引用到Html
單獨寫指令檔，然後引用到Html，這樣可以多個頁面引用相同的指令碼，可以使代碼重複利用。
<html>
<head>
<script src="/Scripts/jquery-1.5.1.js" type="text/javascript"></script>
</head>
<body>
</body>
</html>
只要按照執行個體中的方式添加了jquery-1.5.1.js的指令碼引用以後，就可以調用jquery-1.5.1.js中的所有方法了
綜上講述了javascript指令碼語言在網頁編程中放置的三個位置，他們可以同時使用。
1.需要重複利用的指令碼可以放置在Html外部，
2.需要頁面載入的時候就被執行的，放置在body部分，
3.需要在使用前就已經被載入的，就放入head部分
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
