首頁 >web前端 >js教程 >js程式碼放在HTML中什麼部位才有用?

js程式碼放在HTML中什麼部位才有用?

藏色散人
藏色散人原創
2018-08-14 16:24:426561瀏覽

我們在寫html程式碼時,常常需要引用js程式碼,那麼對於web開發的新手來說,想要html中js程式碼能正常運作,該放在什麼地方?本篇文章就跟大家介紹在HTML中js程式碼的所放位置及html引用js程式碼的不同方法。

一、內部js程式碼只能放在三個位置:

  1. #html裡的

    標籤之中即head頭部,<script>js程式碼</script>
  2. #html裡的

    標籤中任何位置, <script>js程式碼</script>
  3. 直接寫在body中標籤裡,

    點一點

二、引用js外部檔案方法:

js程式碼放在HTML中什麼部位才有用?



在head中引用js程式碼

<script src=".."  type="text/javascript"></script>
src 屬性規定外部腳本檔案的URL。有時,我們需要在網站的多個頁面中執行 JavaScript。不需要重新編寫相同腳本,只需在單獨的檔案中建立 JavaScript,並以 .js 為後綴儲存,然後使用 <script> 標籤中的 src 屬性引用該檔案即可。注意外部文件不能包含 <script> 標籤! </script>
<script>中type屬性,必需的 type 屬性規定腳本的 MIME 類型。 </script>

type 屬性標識 <script> 和 </script> 標籤之間的內容。

註:HTML程式碼是自上而下進行讀取運行的

#以上就是這篇關於js程式碼放在哪裡、js程式碼怎麼在html中使用及js外部引用的相關知識介紹,有一定的參考價值,希望對有需要的朋友有所幫助。 #########【相關文章推薦】#########Js放到HTML檔案中的位置差異說明###############Javascript 基礎教程之網頁中js程式碼的位置###############html中<script>應該放在那個位置? ############在JS中如何實作指定位置插入內容######</script>

以上是js程式碼放在HTML中什麼部位才有用?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn