在網頁中插入JavaScript代碼


  使用<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>標簽前面。



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM