在JavaScript中,您可以使用<script>
标签将一个JavaScript文件或代码嵌入到HTML文件中。以下是一个简单的示例:
index.html
:<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript Example</title>
</head>
<body>
<h1>Hello, World!</h1>
<script src="script.js"></script>
</body>
</html>
在这个示例中,我们在<head>
标签内引入了一个外部JavaScript文件script.js
。
script.js
,并编写一些JavaScript代码:document.addEventListener('DOMContentLoaded', function() {
const h1 = document.querySelector('h1');
h1.style.color = 'blue';
});
在这个示例中,我们在文档加载完成后,将<h1>
标签的文本颜色更改为蓝色。
现在,当您在浏览器中打开index.html
文件时,您将看到一个蓝色的Hello, World!
文本。
这就是如何在JavaScript中使用<script>
标签将一个外部文件或代码嵌入到HTML文件中。
领取专属 10元无门槛券
手把手带您无忧上云