Question

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>'; 

：

現在、私のような何かをしなければなりません。後で簡単にjavascriptにhtmlコードを読み込みますか？

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

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