JavaScript語法(一)

JavaScript 用法


HTML 中的腳本必須位於 <script> 與 </script> 標籤之間。javascript

腳本可被放置在 HTML 頁面的 <body> 和 <head> 部分中。html


<script> 標籤

如需在 HTML 頁面中插入 JavaScript,請使用 <script> 標籤。java

<script> 和 </script> 會告訴 JavaScript 在何處開始和結束。瀏覽器

<script> 和 </script> 之間的代碼行包含了 JavaScript:函數

在 <head> 或者 <body> 的JavaScript

能夠在 HTML 文檔中放入不限數量的腳本。ui

腳本可位於 HTML 的 <body> 或 <head> 部分中,或者同時存在於兩個部分中。spa

一般的作法是把函數放入 <head> 部分中,或者放在頁面底部。這樣就能夠把它們安置到同一處位置,不會干擾頁面的內容。code

1 <script>
2 alert("個人第一個 JavaScript");
3 </script>

瀏覽器會解釋並執行位於 <script> 和 </script>之間的 JavaScript 代碼htm

外部的 JavaScript

也能夠把腳本保存到外部文件中。外部文件一般包含被多個網頁使用的代碼。blog

外部 JavaScript 文件的文件擴展名是 .js。

如需使用外部文件,請在 <script> 標籤的 "src" 屬性中設置該 .js 文件:

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>//引用外部js
</body>
</html>
複製代碼
 1 <%@ page language="java" contentType="text/html; charset=UTF-8"
 2     pageEncoding="UTF-8"%>
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 4 <html>
 5 <head>
 6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 7 <title>Insert title here</title>
 8 </head>
 9 <body>
10 <script type="text/javascript">
11     document.write("<font size=10 color=#fchfdm>疏影橫斜水清淺,暗香浮動月黃昏</font>") ;
12 </script>
13 
14 <button type="button" onclick="alert('歡迎!')">彈窗</button>
15 <br>
16 <h1>疏影橫斜水清淺,暗香浮動月黃昏</h1><br><br>
17 <p id="demo">一個段落</p><br><br>
18 <button type="button" onclick="myfunction()" >嘗試一下</button><br><br>
19 
20 <script type="text/javascript">
21 
22 function myfunction()
23 {
24     document.getElementById("demo").innerHTML="個人第一個JavaScript函數" ;
25     }
26 
27 </script>
28 </body>
29 </html>
複製代碼
 
相關文章
相關標籤/搜索