要在HTML頁面中引入JS文件，必須使用 script 標簽，因為 script 標簽會告訴JavaScript在什么地方開始執(zhí)行和什么地方結束。

一、外部引入JS文件

在 title 標簽下面， head 標簽中導入JS文件，這樣可以使HTML文件和JS文件分離，從而實現(xiàn)前后端分離的效果，而且這樣寫代碼修改比較方便，同一個JS文件可以被多個HTML頁面引用，所以項目中我們一般都會使用外部引入JS文件。

外部引入JS文件的代碼如下：

 !DOCTYPE html  html  head  meta charset= UTF-8  title /title  script type= text/javascript src= js/index.js /script  /head  body  p id= demo 點擊按鈕將數(shù)組轉為字符串 /p  button quot;myFunction() 點擊 /button  /body  /html 

二、在HTML頁面中嵌入JS文件

將JavaScript放在HTML頁面的 body 標簽里面，一般我們會把JS文件放在頁面底部，這樣不會干擾頁面的內容。初學JavaScript時，會在HTML頁面中嵌入JS文件，因為它比較簡單，嵌入方法適用于代碼不多的情況下，比如寫一個小測試。

在HTML頁面中嵌入JS文件的代碼如下：

 !DOCTYPE html  html  head  meta charset= UTF-8  title /title  /head  body  p id= demo 點擊按鈕將數(shù)組轉為字符串 /p  button quot;myFunction() 點擊 /button  /body  script type= text/javascript  function myFunction(){ var animal = [ dog , cat , elephant , tiger  var str=animal.toString(); document.write( 類型是： +typeof(str)+ ，字符串是： +str);  /script  /html 

以上介紹了在HTML頁面中引入JS文件的兩種方法，各有優(yōu)劣，至于選擇哪種方法，看工作需要和個人習慣，初學者可以自己動手嘗試，希望這篇文章對你有所幫助！

更多相關教程請訪問 JavaScript視頻教程 php公益培訓

以上就是深入理解HTML頁面中引入JS文件的兩種方法的詳細內容，其它編程語言

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