html 中javascript 如何被调用

在HTML中，JavaScript可以通过多种方式进行调用。

1.内联脚本（Inline Script）：直接将JavaScript代码写入到HTML文件的<script>标签中。示例代码如下所示：

<!DOCTYPE html>
<html>
<head>
<title>使用内联脚本</title>
</head>
<body>
<!-- HTML页面内容 -->

<script type="text/javascript">
// JavaScript代码
alert("Hello World!");
</script>
</body>
</html>

2.外部脚本（External Script）：将JavaScript代码保存为单独的.js文件，并通过<script src="filename.js"></script>引入到HTML文件中。示例代码如下所示：

<!DOCTYPE html>
<html>
<head>
<title>使用外部脚本</title>
<script src="myscript.js"></script>
</head>
<body>
<!-- HTML页面内容 -->
</body>
</html>

其中，myscript.js是包含JavaScript代码的外部文件。

3.事件处理程序（Event Handler）：通过指定元素上的特定事件来调用JavaScript函数或表达式。示例代码如下所示：

<!DOCTYPE html>
<html>
<head>
<title>使用事件处理程序</title>
</head>
<body>
<!-- HTML页面内容 -->

<button onclick="myFunction()">点击我</button>

<script type="text/javascript">
function myFunction() {
// JavaScript代码
alert("按钮被点击了！");
}
</script>
</body>
</html>

当点击"点击我"按钮时，会调用名为myFunction()的JavaScript函数。

posted @ 2024-01-25 16:28  qiynet  阅读(157)  评论(0)    收藏  举报
跳至侧栏