首頁 > web前端 > 前端問答 > javascript程式碼寫在哪裡

javascript程式碼寫在哪裡

青灯夜游
發布: 2021-10-14 11:50:15
原創
13366 人瀏覽過

javascript程式碼可以寫在:1、用script標籤,寫在Html網頁的Body部分中;2、用script標籤,寫在Html網頁的head部分中;3、寫在後綴名為“ .js」的文字檔裡,並用script標籤的src屬性引進Html網頁。

javascript程式碼寫在哪裡

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

Javascript寫在哪裡?概括起來就是三種形式:

  • 內部:Html網頁的Body中;

  • ##內部:Html網頁的head中;

  • # 外部:外部JS檔案裡。

1、Javascript寫在Body中

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

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

2、Javascript寫在head中

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

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

3、Javascript寫在外部js檔案中

#將Javascript程式放到一個後綴名為.js的文字檔案裡。

在HTML裡引用外部檔案裡的Javascript,應在Head裡寫一句,其中src的值,就是Javascript所在檔案的檔案路徑。範例程式碼如下:

<html>
<head>
<script src="js/001.js">...</script>
</head>
<body>
</body>
</html>
登入後複製

head中腳本: 需呼叫才執行的腳本或事件觸發執行的腳本。把腳本放在head時,可以保證腳本在任何呼叫之前被載入。

body中腳本: 頁面被載入時執行的腳本,通常被用來產生頁面的內容。

【推薦學習:

javascript高階教學#

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

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