html 中javascript 如何被调用

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

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
<title>使用内联脚本</title>
</head>
<body>
<!-- HTML页面内容 -->
 
<script type="text/javascript">
<strong>// JavaScript代码</strong>
alert("Hello World!");
</script>
</body>
</html>

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

?
1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
<title>使用外部脚本</title>
<script src="myscript.js"></script>
</head>
<body>
<!-- HTML页面内容 -->
</body>
</html>

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

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

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<title>使用事件处理程序</title>
</head>
<body>
<!-- HTML页面内容 -->
 
<button onclick="<strong>myFunction</strong>()">点击我</button>
 
<script type="text/javascript">
function myFunction() {
// JavaScript代码
alert("按钮被点击了！");
}
</script>
</body>
</html>

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

posted @   瘋耔  阅读(109)  评论(0)  编辑  收藏  举报
相关博文：
·  html元素
·  html xmlns="http://www.w3.org/1999/xhtml"是啥
·  JavaScript用法
·  网络渗透基础之JavaScript(上)
·  2.javascript的使用
阅读排行：
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· Manus的开源复刻OpenManus初探
· .NET Core 中如何实现缓存的预热？
· 三行代码完成国际化适配，妙~啊~
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗？
跳至侧栏
点击右上角即可分享
微信分享提示
SQL AI 助手