使用<script>標簽,可以把JavaScript源代碼直接放到網頁文檔中。
【示例1】啟動Dreamweaver,新建HTML文檔並保存為test.html。然后在<head>標簽內插入<script>標簽,在<script>標簽中輸入代碼“<h1>Hello,World</h1>”
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script> 7 document.write("<h1>Hello,World</h1>"); 8 </script> 9 </head> 10 <body> 11 </body> 12 </html>
<script>和</script>標簽混合使用,作為腳本語言的標識符來分隔其他源代碼,避免與HTML標簽和CSS樣式代碼混淆。在解析網頁源代碼時,瀏覽器檢索到<script>標簽時,會自動調用JavaScript引擎對其中包含的支付信息進行解釋處理。
document是JavaScript在瀏覽器中定義的一個對象,它表示HTML文檔內容。write()是document對象的一個方法,它表示在網頁文檔中輸出指定的參數內容。
拓展:一般來說,JavaScript代碼可以被鑲嵌到網頁中任何位置,如<head>標簽的頂部,<head>和</head>標簽之間,<body>標簽內部,甚至<html>或</html>標簽的外部,瀏覽器都能正確解析。
每個網頁都可以包含多個<script>標簽,每個<script>標簽包含的代碼被稱為JavaScript腳本塊。一般建議把相同或相近功能的代碼放在一個腳本快中,適當時可以把通用腳本模塊放在單獨的JavaScript文件中,或者把他們封裝為一個獨立的對象,方便調用。
【示例2】
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <script> 7 // 公用函數 8 function hello(user){ 9 return"<h1>hello," + user + "</h1>";//輸出參數值 10 } 11 </script> 12 </head> 13 <script> 14 var user = "world";//全局變量象初始化 15 </script> 16 <body> 17 <script> 18 document.write(hello(user));//程序執行代碼 19 </script> 20 </body> 21 </html>
上述所有的JavaScript代碼都可以寫在一起,包含在一個<script>標簽中。但對於頁面內的JavaScript腳本來說,各種公共函數和變量應該放在<head>和</head>之間,將頁面加載期間執行的代碼、DOM對象初始化以及DOM相關的全局引用賦值操作放在<body>和</body>標簽之間,如果沒有特殊要求,可以放在</body>標簽前面。