JavaScript程式碼如何使用？如何引入HTML頁面？-js教程-PHP中文網

JavaScript程式碼如何使用？如何引入HTML頁面？

不言

發布： 2022-04-02 19:37:10

原創

22800 人瀏覽過

JavaScript程式碼如何使用？如何引入HTML頁面？以下這篇文章就來跟大家介紹一下JavaScript程式碼引入HTML頁面的兩種寫法，希望對大家有幫助。

JavaScript程式碼如何使用？如何引入HTML頁面？

在學習JavaScript之前我們應該先來了解一下JavaScript程式碼如何使用？下面我們就來看看js程式碼的用法。

我們在使用JavaScript程式碼有兩種寫法：一種是在HTML頁面中直接嵌入js程式碼，另一種是透過連結外部的JavaScript檔案。

我們先來看第一種用法：在HTML頁面中直接嵌入js程式碼

如果在HTML頁面中直接嵌入JavaScript程式碼，我們需要使用<script> 標籤，<script> 和</script> 會告訴JavaScript 在何處開始和結束。

<script>
alert("My First JavaScript");
</script>

登入後複製

在HTML頁面的任何位置（head部分body部分body的後面較好）都可以插入script標籤。

你有可能會在 <script> 標籤中看到使用 type="text/javascript"，但是現在已經不必這樣做了。 JavaScript現在已經是所有現代瀏覽器以及 HTML5 中的預設腳本語言。 </p><p>我們來看一個具體的範例<br/></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:js;toolbar:false"><!DOCTYPE html> <html> <head> </head> <body> <script> document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph</p>"); </script> </body> </html></pre><div class="contentsignin">登入後複製</div></div><p>上述程式碼就是在HTML頁面中直接嵌入js程式碼。 </p><p>接著我們來看看<strong>js程式碼的</strong><strong>第二個用法：透過連結外部的JavaScript檔案。 </strong></p><p>有時JavaScript程式碼過多的話，我們可以將程式碼單獨放在JavaScript檔案中然後連結起來。 </p><p>我們連結外部JavaScript檔案可以有以下步驟<br/></p><p>1、先我們建立一個JavaScript文件，副檔名是.js</p><p>2、然後要寫的js程式碼寫到Js檔中，並儲存檔。 </p><p>3、使用script標籤將JavaScript檔案連結到HTML檔案中</p><p><script type="text/javascript" src="JavaScript檔案名稱與路徑"></script>

要注意一點的是，在一個已經引入外部js檔案的script標籤中，不能在它的開始標籤和結束標籤中寫Js指令了。

我們來看一個具體的範例

我們先建立一個js檔案sample.js

然後寫入js程式碼

document.write("<p>This is a paragraph</p>");

登入後複製

最後使用script標籤將JavaScript檔案連結到HTML檔案中

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<script type="text/javascript" src="sample.js"></script>
</body>
</html>

登入後複製

以上就是js程式碼使用的兩種方法

以上是JavaScript程式碼如何使用？如何引入HTML頁面？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

JavaScript程式碼如何使用？如何引入HTML頁面？