JavaScript与html

在HTML中引入JavaScript代码有多种方法,以下是最常用且推荐的方法:

1. 使用<script>标签:

在HTML文件的<head>或<body>标签内,可以使用<script>标签引入JavaScript代码。例如:

<!DOCTYPE html>
<html>
<head>
<script>
// 在这里编写JavaScript代码
function helloWorld() {
alert('Hello, World!');
}
</script>
</head>
<body>
<button onclick="helloWorld()">点击我</button>
</body>
</html>
2. 使用外部JavaScript文件:

将JavaScript代码保存为一个单独的`.js`文件,然后在HTML文件中使用<script>标签引用该文件。例如,在名为`script.js`的文件中有以下代码:

// script.js
function helloWorld() {
alert('Hello, World!');
}
然后在HTML文件中引入这个外部文件:

<!DOCTYPE html>
<html>
<head>
<script src="script.js"></script>
</head>
<body>
<button onclick="helloWorld()">点击我</button>
</body>
</html>
3. 使用CDN(内容分发网络)引入第三方JavaScript库:

如果需要使用第三方库,如jQuery,可以使用CDN引入。例如,引入jQuery库:

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<button id="myButton">点击我</button>
<script>
$(document).ready(function(){
$("#myButton").click(function(){
alert("Hello, World!");
});
});
</script>
</body>
</html>
以上三种方法都可以在HTML中引入JavaScript代码。根据实际需求和项目结构选择合适的方法。

商务合作QQ:3765323427
Copyright © 2021-2024 冰狐智能辅助. All rights reserved. 浙ICP备15043866号 《冰狐智能辅助服务协议》