Question

如何将html文件导入javascript代码？

目前我必须做以下事情：

document.getElementById("menu").innerHTML = '<li class="topline"><a href="#">some text</a></li>  
                <li><a href="#">some text </a></li>  
                <li><a href="#">some text</a></li>  
                <li><a href="#">some text</a></li>  
                <li><a href="#"some text</a></li>  
                <li><a href="#">some text</a></li>  
                <li><a href="#">some text</a></li>';

如何将js代码和html代码分隔为单独的文件。稍后将html代码轻松加载到javascript中？

Answer 1

你可以这样做！取自以下参考链接！

您需要将ul和li标记放在名为import.htm的文件中，并且它需要与当前文件位于同一位置。

var ajax = new XMLHttpRequest();
ajax.open("GET", "import.htm", false);
ajax.send();
document.getElementById("menu").innerHTML += ajax.responseText;

<强>参考：

javascript import HTML

Answer 2

就像这样

$("#menu").load('menu.html #menulist');

然后在HTML文件中执行此操作

<ul id ="menulist">
<li class="topline"><a href="#">some text</a></li>  
<li><a href="#">some text </a></li>  
<li><a href="#">some text</a></li>  
<li><a href="#">some text</a></li>  
<li><a href="#"some text</a></li>  
<li><a href="#">some text</a></li>  
<li><a href="#">some text</a></li>
</ul>

为了更好的参考

Click Here

在js代码

2 个答案: