在html静态页面中用import导入js文件
在HTML静态页面中,可以使用<script>
标签的src
属性来导入JavaScript文件。但是,<script>
标签的type
属性通常是默认包含的,所以不需要显式指定。
以下是一个简单的示例,展示了如何在HTML页面中导入一个名为example.js
的JavaScript文件:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Import JS Example</title>
<script src="example.js"></script>
</head>
<body>
<h1>Welcome to My Static Page</h1>
</body>
</html>
在这个例子中,example.js
文件应该与HTML页面位于同一目录中。如果example.js
文件位于不同的目录,你需要指定相对路径或绝对路径。例如:
<script src="js/example.js"></script> <!-- 假设example.js在页面同目录下的js子目录中 -->
<script src="/js/example.js"></script> <!-- 假设example.js在网站根目录下的js子目录中 -->
请确保example.js
文件包含有效的JavaScript代码,并且在页面加载时不会产生错误。
评论已关闭