当我们需要在网页中引入JS文件时，一般会使用<script>标签来实现，但有时我们也需要不使用<script>标签来实现，以下是几种不使用<script>标签导入JS文件的方法：
1. 使用Link标签：
我们可以使用<link>标签的href属性来链接JS文件，这种方式一般用于引入CSS文件，但是也可以用于JS文件。
示例代码：
<!DOCTYPE html>
<html>
<head>
<title>Link标签加载JS</title>
<link rel="stylesheet" type="text/css" href="./style.css">
<link rel="preload" as="script" href="./script.js">
</head>
<body>
<h1>Link标签加载JS</h1>
<p id="demo"></p>
</body>
</html>
在上面的代码中，我们在<head>标签中使用<link>标签的href属性来链接JS文件，并使用<link>标签的rel属性来指定链接类型为preload。
2. 使用AJAX请求：
我们可以使用AJAX技术来请求JS文件。
示例代码：
<!DOCTYPE html>
<html>
<head>
<title>AJAX加载JS</title>
<script>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
eval(this.responseText); //执行JS脚本
}
};
xhttp.open("GET", "./script.js", true);
xhttp.send();
</script>
</head>
<body>
<h1>AJAX加载JS</h1>
<p id="demo"></p>
</body>
</html>
在上面的代码中，我们使用了AJAX技术来请求JS文件，并使用eval()方法来执行相应的JS脚本。
以上是两种不使用<script>标签导入JS文件的方法。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：不使用script导入js文件的几种方法 - Python技术站
微信扫一扫 
支付宝扫一扫 