點擊下載
本文文檔

當前位置：首頁 - 科技 - 知識百科 - 正文

如何在HTML文檔中放置JS腳本

來源：懂視網責編：小采時間：2020-11-27 19:28:09

如何在HTML文檔中放置JS腳本

如何在HTML文檔中放置JS腳本:js腳本的放置位置有在<head>標簽里，在<body>標簽里、在<head>和<body>標簽里，以及外部引入js腳本我們可以在HTML文檔中的任何位置放置JavaScript代碼。但是，在HTML文件中放置JavaScript代碼的最佳方法如下1、在&l

推薦度：

點擊下載本文 文檔為doc格式

導讀如何在HTML文檔中放置JS腳本:js腳本的放置位置有在<head>標簽里，在<body>標簽里、在<head>和<body>標簽里，以及外部引入js腳本我們可以在HTML文檔中的任何位置放置JavaScript代碼。但是，在HTML文件中放置JavaScript代碼的最佳方法如下1、在&l

js腳本的放置位置有在<head>標簽里，在<body>標簽里、在<head>和<body>標簽里，以及外部引入js腳本

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

1、在<head> ... </ head>部分

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

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

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

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

【推薦課程：JavaScript課程】

在<head> ... </ head>部分

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

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

效果圖：

在<body> ... </ body>部分

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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
 
<body>
<script type = "text/javascript">
 document.write("Hello World")
 </script>
<p>頁面加載時腳本就會生成內容</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>

效果圖：

未標題-1.jpg

外部文件中的JavaScript

當需要在網站上的多個頁面上重復使用相同的JavaScript代碼時我們就可以通過外部引入js文件來實現。這樣有利于維護相同的代碼，該腳本標簽提供一種機制，允許存儲的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")
 }

效果圖：

Image 6.jpg

總結：

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

如何在HTML文檔中放置JS腳本

推薦度：

點擊下載本文 文檔為doc格式

標簽： js 腳本怎么

熱門焦點

如何在HTML文檔中放置JS腳本

如何在HTML文檔中放置JS腳本

如何在HTML文檔中放置JS腳本

最新推薦

猜你喜歡

熱門推薦