<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<title>引用JavaScript代码</title>
<script src="test.js"></script>
</head>
<body>
<p>这是一个段落</p>
</body>
</html>
在这段代码中,我们使用了script标签,其中的src属性指定了要引用的JavaScript文件名。当网页被访问时,浏览器会自动下载并执行该JavaScript文件中的代码。
除了将JavaScript代码放在外部文件中之外,我们还可以直接在HTML页面中嵌入JavaScript代码。这种方式可以通过在script标签中添加type属性来实现:
<!DOCTYPE html>
<html>
<head>
<Meta charset="UTF-8">
<title>嵌入JavaScript代码</title>
</head>
<body>
<script type="text/javascript">
function sayHello() {
console.log("Hello World!");
}
sayHello();
</script>
</body>
</html>
在这段代码中,我们定义了一个名为sayHello的函数,并在script标签中直接调用了该函数。需要注意的是,在嵌入JavaScript代码时,需要将代码放在script标签中,并添加type属性值为"text/javascript"。
总的来说,在HTML页面中引用JavaScript代码有两种方式:将代码放在外部文件中并使用script标签引用,或者直接在HTML页面中嵌入JavaScript代码。使用这些方式可以方便地实现网页交互、数据处理、动态效果等功能。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。