五龙捕鱼安全平台

書名： JavaScript動態網頁開發詳解
作者名：楊水清等編著
本章字數： 422字
更新時間： 2018-12-29 18:53:22

1.5 嵌入JavaScript腳本代碼的位置

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

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

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

        //源程序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代碼結合在一起。基本文檔結構如源程序1.6所示。

        //源程序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 在兩個標記對之間混合放置

如果既需要提前載入腳本代碼以響應用戶的事件，又需要在頁面載入時運行JavaScript腳本生成頁面內容，可以綜合以上兩種方式。基本文檔結構如源程序1.7所示。

        //源程序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 在兩個標記對之間混合放置