我們可以在HTML文檔中的任何位置放置JavaScript代碼。但是，在HTML文件中放置JavaScript代碼的最佳方法如下

1、在 head ... / head 部分

2、 body ... / body 部分中放置代碼

3、在 body ... / body 和 head ... / head 部分

4、在外部文件中編寫腳本，然后在 head ... / head 部分中引入

接下來將在文章中詳細說明這四種方法

【推薦課程：JavaScript課程】

在 head ... / head 部分

如果希望在某個事件上運行腳本，例如當用戶單擊某個位置時會觸發(fā)的事件，這時我們可以將該腳本放在頭部中

 head  meta charset= UTF-8  title Document /title  script type = text/javascript  function Hello() { alert( Hello World ) /script  /head 

效果圖：

在 body ... / body 部分

如果需要在頁面加載時運行腳本以便腳本在頁面中生成內(nèi)容，則腳本將進入文檔的 body 部分。在這種情況下，將不會使用JavaScript定義任何函數(shù)

 !DOCTYPE html  html  head  meta charset= UTF-8  title Document /title  /head  body  script type = text/javascript  document.write( Hello World ) /script  p 頁面加載時腳本就會生成內(nèi)容 /p  /body  /html 

效果圖：

在 body 和 head 部分中的JavaScript代碼

 head  meta charset= UTF-8  title Document /title  script type = text/javascript  function Hello() { alert( Hello World ) /script  /head  body  script type = text/javascript  document.write( Hello World ) /script 

效果圖：

外部文件中的JavaScript

當需要在網(wǎng)站上的多個頁面上重復使用相同的JavaScript代碼時我們就可以通過外部引入js文件來實現(xiàn)。這樣有利于維護相同的代碼，該腳本標簽提供一種機制，允許存儲的JavaScript在外部文件中，然后包含到的HTML文件。

HTML代碼

 !DOCTYPE html  html  head  meta charset= UTF-8  title Document /title  script src= 111.js /script  /head  body  input type = button onclick = Hello() value = 點擊 /  /body  /html 

外部js文件

 function Hello() { document.write( hello world ) }

效果圖：

總結：以上就是本篇文章的全部內(nèi)容了，希望對大家學習JavaScript有所幫助。

以上就是如何在HTML文檔中放置JS腳本的詳細內(nèi)容，其它編程語言

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。