首頁 >web前端 >前端問答 >javascript可以寫在body裡嗎

javascript可以寫在body裡嗎

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

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

javascript可以寫在body裡嗎

本教學操作環境: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