首頁 > 文章 > web前端 > javascript可以寫在body裡嗎

javascript可以寫在body裡嗎

青灯夜游原創: 2021-07-19 13:55:375937瀏覽

javascript可以寫在body裡。將Javascript程式碼透過script標籤寫在「」標籤對中，當瀏覽器載入網頁Body部分的時候，就會執行其中的Javascript語句，執行之後輸出的內容就顯示在網頁。

本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。

Javascript的放置位置：

Html網頁的6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956中；
Html網頁的93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1中；

#Javascript寫在6c04bd5ca3fcae76e30b72ad730ca86d36cc49f0c466276486e50c850b7e4956

#當瀏覽器載入網頁Body部分的時候，就執行其中的Javascript語句，執行之後輸出的內容就顯示在網頁中。

<html>
<head></head>
<body>
<script type="text/javascript">....</script>
</body>
</html>

Javascript寫在93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1中

有時候不需要一載入HTML就執行Javascript，而是使用者點擊了HTML中的某個對象，觸發了一個事件，才需要呼叫Javascript。這時候，通常會將這樣的Javascript放在HTML的93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1裡。

<html>
<head>
<script type="text/javascript">....</script>
</head>
<body>
</body>
</html>

Javascript寫在6c04bd5ca3fcae76e30b72ad730ca86d後面

<html>
<head></head>
<body>
</body>
<script type="text/javascript">....</script>
</html>

#js程式碼寫在body，head和body後面的差別

電腦讀程式碼的順序是從上往下讀的，html檔案中的順序是93f0f5c25f18dab9d176bd4f6de5d30e→6c04bd5ca3fcae76e30b72ad730ca86d→body後方

1、javascript程式碼寫在93f0f5c25f18dab9d176bd4f6de5d30e裡面：

由於這時候網頁主體（body）還未加載，所以這裡適合放一些不是立即執行的自訂函數，立即執行的語句則很可能會出錯（視瀏覽器而定）

2、javascript程式碼寫在6c04bd5ca3fcae76e30b72ad730ca86d裡面：

這裡可以放函數也可以放立即執行的語句，但是如果需要和網頁元素互動的（例如取得某個標籤的值或給某個標籤賦值），Javascript程式碼務必在標籤的後面

3、javascript程式碼寫在6c04bd5ca3fcae76e30b72ad730ca86d下面：

這時候整個網頁已經載入完畢了，所以這裡最適合放需要立即執行的命令，而自訂函數之類的則不適合。

【推薦學習：javascript高階教學】

以上是javascript可以寫在body裡嗎的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：javascript編寫工具可以是什麼下一篇：javascript編寫工具可以是什麼

看更多