JS 的三种编写方式
warning:
这篇文章距离上次修改已过187天，其中的内容可能已经有所变动。
JavaScript有三种主要的编写方式：
- 内联JavaScript：直接在HTML文件中编写JavaScript代码。
- 内部JavaScript：在
<script>标签内编写JavaScript代码，通常放在<head>或<body>标签内。 - 外部JavaScript：创建一个单独的
.js文件，然后在HTML文件中通过<script>标签引入。
以下是每种方式的示例：
- 内联JavaScript:
<!DOCTYPE html>
<html>
<body>
<h2>我的第一个 JavaScript 程序</h2>
<button onclick="document.getElementById('demo').innerHTML = Date()">点击这里</button>
<p id="demo"></p>
</body>
</html>- 内部JavaScript:
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "段落已更改。";
}
</script>
</head>
<body>
<h2>我的第一个 JavaScript 函数</h2>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>- 外部JavaScript:
// 在外部文件 example.js 中
function myFunction() {
document.getElementById("demo").innerHTML = "段落已更改。";
}
<!DOCTYPE html>
<html>
<head>
<script src="example.js"></script>
</head>
<body>
<h2>我的第一个 JavaScript 函数</h2>
<p id="demo">一个段落。</p>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>在实际开发中，外部JavaScript文件是最常用的方式，因为它可以提高代码的可维护性和重用性。
评论已关闭