javascript - 他のhtmlファイル固有のデータを使用

Question

私はうまく動作するmain.htmlファイルを持っています。

var elements = document.getElementsByClassName("quest")

<a class="quest">Quest 1</a> 
 
<a class="quest">Quest 2</a> 
 
<a class="quest">Quest 3</a>

私はそれを区切るしたいと思いますが。 main.htmlファイルにはまだjavascriptが含まれていますが、他のdata.htmlファイルにはコードのhtml部分が含まれています。 純粋なjavascript（jQueryなどはありません）を使用した方が好きです。ありがとうございました。

Answer 1

JavaScriptを使用してHTMLページの一部を動的にロードする必要があります（ネイティブJavaScript）。

あなたは、この目的のためにjQueryを使用することができます。 $("#htmlContainer").load("data.html");

それとも、（ここではhttps://stackoverflow.com/a/32144585/2376676から）ネイティブJSでjQuery.loadを置き換えることができます。

function load(target, url) { 
    var r = new XMLHttpRequest(); 
    r.open("GET", url, true); 
    r.onreadystatechange = function() { 
    if (r.readyState != 4 || r.status != 200) return; 
    target.innerHTML = r.responseText; 
    }; 
    r.send(); 
} 

load(document.getElementById('container'), 'data.htm');