在网页中引入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>
中,
以确保在页面加载和渲染时执行。