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

javascript可以寫在body裡嗎

青灯夜游
發布: 2023-01-07 11:44:08
原創
5977 人瀏覽過

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

javascript可以寫在body裡嗎

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

Javascript的放置位置:

  • Html網頁的中;

  • Html網頁的中;

#Javascript寫在

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

<html>
<head></head>
<body>
<script type="text/javascript">....</script>
</body>
</html>
登入後複製

Javascript寫在中

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

<html>
<head>
<script type="text/javascript">....</script>
</head>
<body>
</body>
</html>
登入後複製

Javascript寫在後面

<html>
<head></head>
<body>
</body>
<script type="text/javascript">....</script>
</html>
登入後複製

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

電腦讀程式碼的順序是從上往下讀的,html檔案中的順序是→→body後方

1、javascript程式碼寫在裡面:

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

2、javascript程式碼寫在裡面:

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

3、javascript程式碼寫在下面:

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

【推薦學習:javascript高階教學

#

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板