Javascript 从子文件夹将HTML包含到HTML-脚本不起作用
我想用脚本将HTML包含到另一个HTML中,这是我从另一个网站获得的。如果HTML文件在同一个文件夹中,这个脚本非常有效,但是如果我想包含子文件夹中的HTML文件,它不会加载它。我的问题是为什么它不起作用 要包含的HTML文件位于名为navbar.HTML的/main文件夹中。 需要获取另一个的HTML位于/main/subfolder中。我将使用“./”返回一个文件夹 剧本是:Javascript 从子文件夹将HTML包含到HTML-脚本不起作用,javascript,html,Javascript,Html,我想用脚本将HTML包含到另一个HTML中,这是我从另一个网站获得的。如果HTML文件在同一个文件夹中,这个脚本非常有效,但是如果我想包含子文件夹中的HTML文件,它不会加载它。我的问题是为什么它不起作用 要包含的HTML文件位于名为navbar.HTML的/main文件夹中。 需要获取另一个的HTML位于/main/subfolder中。我将使用“./”返回一个文件夹 剧本是: w3.includeHTML = function(cb) { var z, i, elmnt, fil
w3.includeHTML = function(cb) {
var z, i, elmnt, file, xhttp;
z = document.getElementsByTagName("*");
for (i = 0; i < z.length; i++) {
elmnt = z[i];
file = elmnt.getAttribute("w3-include-html");
if (file) {
xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
elmnt.innerHTML = this.responseText;
elmnt.removeAttribute("w3-include-html");
w3.includeHTML(cb);
}
}
xhttp.open("GET", file, true);
xhttp.send();
return;
}
}
if (cb) cb();
};
w3.includeHTML=函数(cb){
var z,i,elmnt,file,xhttp;
z=document.getElementsByTagName(“*”);
对于(i=0;i
这是要获取的HTML:
<!-- Navigation -->
<div w3-include-html="../navbar.html"></div>
<script>
w3.includeHTML();
</script>
<!-- /Navigation -->
w3.includeHTML();
使用jquery for simlicity以ajax方式加载另一个html。。[像这样]定义“不起作用”。你有404错误吗?或者别的什么?它不加载HTML,不显示任何内容。但是没有错误信息Mojtaba pourmirzaei,你的方法比我的方法好吗?你在浏览器控制台检查过错误了吗,不仅仅是在屏幕上?那么在你的“网络”选项卡中呢?在进行ajax调用时,HTTP响应代码是什么?回复正文中是否有任何内容?