03 JavaScript学习:浏览器中执行 JavaScript
在浏览器中执行JavaScript代码,可以通过以下几种方式:
- 内联JavaScript:在HTML文件中直接编写JavaScript代码,并使用
<script>
标签包裹。
<!DOCTYPE html>
<html>
<head>
<title>内联JavaScript示例</title>
</head>
<body>
<script>
// 这里编写你的JavaScript代码
console.log('Hello, World!');
</script>
</body>
</html>
- 外部JavaScript文件:创建一个
.js
扩展名的文件,并在HTML文件中通过<script>
标签的src
属性引用。
<!-- 假设你的JavaScript文件名为script.js -->
<script src="script.js"></script>
JavaScript文件 (script.js
):
// 这里编写你的JavaScript代码
console.log('Hello, World!');
- 使用事件处理属性:可以在HTML元素中使用事件处理属性(如
onclick
、onload
等)来绑定JavaScript函数。
<button onclick="alert('Hello, World!')">点击我</button>
确保你的HTML文件和JavaScript文件位于同一目录下,或者正确设置src
属性的路径。在浏览器打开HTML文件,即可看到JavaScript代码执行的结果。
评论已关闭