在網頁中引入JavaScript(JS)代碼有以下幾種常見方式:
1. 外部腳本文件
將JavaScript代碼保存為獨立的.js
文件,并通過<script>
標簽引用。這是最常見和推薦的方式,可以提高代碼的可維護
性和重用性。
html
<script src="path_to_script.js"></script>
其中,path_to_script.js
為外部JS文件的路徑。
2. 內聯腳本
直接將JavaScript代碼嵌入到HTML文檔中的<script>
標簽內。適用于少量簡單的代碼片段。
html
<script>
// JavaScript code here
</script>
3. 內部腳本
在HTML文檔的<head>
或<body>
標簽內使用<script>
標簽嵌入JavaScript代碼。與內聯腳本類似,但通常放在
<head>
標簽中,以確保在頁面加載之前執行。
html
<head>
<script>
// JavaScript code here
</script>
</head>
4. 使用onload
事件
通過在<body>
標簽中添加onload
屬性來指定JavaScript代碼。該代碼將在文檔加載完成后執行。
html
<body onload="myFunction()">
<!-- HTML content here -->
<script>
function myFunction() {
// JavaScript code here
}
</script>
</body>
無論使用哪種方式,都需要使用<script>
標簽來包裹JavaScript代碼。注意,應將JS代碼放在<head>
或<body>
中,
以確保在頁面加載和渲染時執行。