谁是财神爷

書名：從零開始學JavaScript
作者名：周瑞等編著
本章字數： 404字
更新時間： 2018-12-27 12:55:29

1.5 嵌入JavaScript腳本代碼的位置

JavaScript腳本代碼可放在HTML文檔任何需要的位置。一般來說，可以在<head>與</head>標記對、<body>與</body>標記對之間按需要放置JavaScript腳本代碼。

1.5.1 在<head>與</head>標記對之間放置

放置在<head>與</head>標記對之間的JavaScript腳本代碼一般用于提前載入，以響應用戶的頁面動作，且一般不影響HTML文檔的瀏覽器顯示內容。如下是其基本文檔結構：

        //源程序1.5
        <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN"
        "http://www.w3.org/TR/REC-html140/strict.dtd">
        <html>
        <head>
        <meta http-equiv=content-type content="text/html; charset=gb2312">
        <title>Sample Page!</title>
        <script language="javascript" type="text/javascript">
          //腳本語句…
        </script>
        </head>
        <body>
        </body>
        </html>

1.5.2 在<body>與</body>標記對之間放置

如果需要在頁面載入時運行JavaScript腳本生成網頁內容，應將腳本代碼放置在<body>與</body>標記對之間，可根據需要編寫多個獨立的腳本代碼段并與HTML代碼結合在一起?；疚臋n結構如下：

        //源程序1.6
        <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN"
        "http://www.w3.org/TR/REC-html140/strict.dtd">
        <html>
        <head>
        <meta http-equiv=content-type content="text/html; charset=gb2312">
        <title>Sample Page!</title>
        </head>
        <body>
        <script language="javascript" type="text/javascript">
          //腳本語句…
        </script>
        //HTML語句
        <script language="javascript" type="text/javascript">
          //腳本語句…
        </script>
        </body>
        </html>

1.5.3 在兩個標記對之間混合放置

如果既需要提前載入腳本代碼以響應用戶的事件，又需要在頁面載入時使用腳本生成頁面內容，可以綜合以上兩種方式。基本文檔結構如下：

        //源程序1.7
        <!DOCTYPE HTML PUBLIC"-//W3C//DTD HTML 4.0//EN"
        "http://www.w3.org/TR/REC-html140/strict.dtd">
        <html>
        <head>
        <meta http-equiv=content-type content="text/html; charset=gb2312">
        <title>
          Sample Page!
        </title>
        <script language="javascript" type="text/javascript">
          //腳本語句…
        </script>

        </head>
        <body>
        <script language="javascript" type="text/javascript">
          //腳本語句…
        </script>
        </body>
        </html>

在HTML文檔中何種位置嵌入JavaScript腳本代碼應由其實際功能需求來決定。嵌入腳本的HTML文檔已編輯完成，下一步是選擇合適的瀏覽器。

官术网_书友最值得收藏!

從零開始學JavaScript

1.5 嵌入JavaScript腳本代碼的位置

1.5.1 在<head>與</head>標記對之間放置

1.5.2 在<body>與</body>標記對之間放置

1.5.3 在兩個標記對之間混合放置