JavaScript程式碼可放在HTML中的任何地方:
在 <head>...</head> 部分.
在 <body>...</body> 部分.
在<body>...</body> 和<head>...</head> 部分.
指令碼和外部檔案，然後包括在<head>... </ head>部分。
在 <head>...</head> 部分.
在 <body>...</body> 部分.
在<body>...</body> 和<head>...</head> 部分.
指令碼和外部檔案，然後包括在<head>... </ head>部分。
JavaScript在<head>... </ head>間:
如果你想在事件上執行一個指令碼, 如. 當使用者點選了某個地方; 則應放在該指令碼的頭部，如下示：
<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
JavaScript在<body>... </ body>間:
如果一個指令碼連同頁面載入. 一起生成頁面, 則指令碼放在文件的<body>部分。在此情況下，就不必使用JavaScript定義的所有功能：
<html>
<head>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<p>This is web page body </p>
</body>
</html>
JavaScript可同時存在 <body> 及 <head> :
<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>
把JavaScript存為外部檔案：
- 當站點的多個頁面重用相同的JavaScript程式碼。
- 可以多個HTML檔案使用相同的JavaScript程式碼檔。
- script標籤提供了一種機制，允許儲存JavaScript在外部檔案中，然後將其包含到HTML檔案。
- 當站點的多個頁面重用相同的JavaScript程式碼。
- 可以多個HTML檔案使用相同的JavaScript程式碼檔。
- script標籤提供了一種機制，允許儲存JavaScript在外部檔案中，然後將其包含到HTML檔案。
(示例)
使用JavaScript外部檔案時, 該檔案需以".js"為副檔名; 例如. 先將以下內容存為 js_filename.js
使用JavaScript外部檔案時, 該檔案需以".js"為副檔名; 例如. 先將以下內容存為 js_filename.js
js_filename.js
function sayHello() {
alert("Hello World")
}
function sayHello() {
alert("Hello World")
}
後. 則可在 js_test.html 裡叫用 sayHello function
js_test.html
<html>
<head>
<script type="text/javascript" src="js_filename.js" ></script>
</head>
<body>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>
js_test.html
<html>
<head>
<script type="text/javascript" src="js_filename.js" ></script>
</head>
<body>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>
沒有留言:
張貼留言