在js代碼中插入HTML文本

如何將html文件導入到javascript代碼中？在js代碼中插入HTML文本

目前我有做一些事情，如：

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中？

來源

2017-09-13 Shyamal Parikh

這可能會幫助您：https://stackoverflow.com/questions/8988855/include-another-html-file-in-a-html-file – xsami

你意味着你想要在特定的'

...

'代碼中單獨的html文件，以便你可以使用它？ –

[Javascript import html可能嗎？]（https://stackoverflow.com/questions/4818854/javascript-import-html-is-it-possible） –

你可以做到這一點！取自下面的參考鏈接！

您需要將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

來源

2017-09-13 18:45:42

就這樣

$("#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

來源

2017-09-13 18:52:18

回答

相關問題