javascript - 在js代码中插入HTML文本

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;

引用:

1. > javascript import HTML