JavaScript程式碼如何使用？如何引入HTML頁面？
- 不言原創
- 2019-01-10 14:59:4122912瀏覽
JavaScript程式碼如何使用？如何引入HTML頁面？以下這篇文章就來跟大家介紹一下JavaScript程式碼引入HTML頁面的兩種寫法，希望對大家有幫助。
在學習JavaScript之前我們應該先來了解一下JavaScript程式碼如何使用？下面我們就來看看js程式碼的用法。
我們在使用JavaScript程式碼有兩種寫法：一種是在HTML頁面中直接嵌入js程式碼，另一種是透過連結外部的JavaScript檔案。
我們先來看第一種用法：在HTML頁面中直接嵌入js程式碼
如果在HTML頁面中直接嵌入JavaScript程式碼，我們需要使用3f1c4e4b6b16bbbd69b2ee476dc4f83a 標籤，3f1c4e4b6b16bbbd69b2ee476dc4f83a 和2cacc6d41bbb37262a98f745aa00fbf0 會告訴JavaScript 在何處開始和結束。
3f1c4e4b6b16bbbd69b2ee476dc4f83a 和2cacc6d41bbb37262a98f745aa00fbf0 之間的程式碼行包含了JavaScript：
<script>
alert("My First JavaScript");
</script>在HTML頁面的任何位置（head部分body部分body的後面較好）都可以插入script標籤。
你有可能會在 3f1c4e4b6b16bbbd69b2ee476dc4f83a 標籤中看到使用 type="text/javascript"，但是現在已經不必這樣做了。 JavaScript現在已經是所有現代瀏覽器以及 HTML5 中的預設腳本語言。
我們來看一個具體的範例
<!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>上述程式碼就是在HTML頁面中直接嵌入js程式碼。
接著我們來看看js程式碼的第二個用法：透過連結外部的JavaScript檔案。
有時JavaScript程式碼過多的話，我們可以將程式碼單獨放在JavaScript檔案中然後連結起來。
我們連結外部JavaScript檔案可以有以下步驟
1、先我們建立一個JavaScript文件，副檔名是.js
2、然後要寫的js程式碼寫到Js檔中，並儲存檔。
3、使用script標籤將JavaScript檔案連結到HTML檔案中
4e1bd84fe2655791de5c7f7b9e0b59a52cacc6d41bbb37262a98f745aa00fbf0
要注意一點的是，在一個已經引入外部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中文網其他相關文章！