Javascript 带导入的JS文件
我的html文件中有很多导入内容，我需要在每个页面上导入这些内容。。。。所以我不想每次都复制所有导入，所以我希望有一个文件（例如.js文件）来收集所有需要的导入。 有了这个，我只需要导入这个文件，它很容易维护 这可能吗Javascript 带导入的JS文件,javascript,html,Javascript,Html,我的html文件中有很多导入内容，我需要在每个页面上导入这些内容。。。。所以我不想每次都复制所有导入，所以我希望有一个文件（例如.js文件）来收集所有需要的导入。 有了这个，我只需要导入这个文件，它很容易维护 这可能吗 谢谢大家! 是的，这很常见。大多数人这样做是出于性能原因——减少对脚本的HTTP请求数量。查找“JavaScript连接”，了解您正在使用的任何构建工具-无论是Maven、Grunt、Gradle、Ant还是其他工具。这可能与此无关，但您的问题让我开始研究如何使用JavaScri
谢谢大家! 是的，这很常见。大多数人这样做是出于性能原因——减少对脚本的HTTP请求数量。查找“JavaScript连接”，了解您正在使用的任何构建工具-无论是Maven、Grunt、Gradle、Ant还是其他工具。这可能与此无关，但您的问题让我开始研究如何使用JavaScript包含html文件 这使用了jquery，但仍然有效：
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
$.ajax({
url: 'yourFile.html',
dataType: "text/html",
success: function(){}, // not happening
error: function(data){
$("body").html($("body").html() + data.responseText);
// use some div instead of body,
//depends where u want to append html file
}
});
</script>
</body>
</html>
$.ajax({
url:'yourFile.html'，
数据类型：“text/html”，
成功：函数（）{}，//未发生
错误：函数（数据）{
$（“body”）.html（$（“body”）.html（）+data.responseText）；
//使用一些div而不是body，
//取决于您要附加html文件的位置
}
});
<!DOCTYPE Html>
<html>
<head>
<script src="http://www.yourwebsite.com/js/jquery-2.1.0.js"></script>
<script>
$("head").load("http://www.yourwebsite.com/imports/import.html");
</script>
</head>
</body>
</html>
$（“头”）。加载（“http://www.yourwebsite.com/imports/import.html");
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>