Question

私は静的なWebサイトを構築しており、クライアントサイド（PHPなし）でのみリレーします。 私はコードとしてサイトに表示したいjsファイルとpyファイルをいくつか持っています。

私は本当にjQueryの使用を避け、JavaScript（可能な限り軽量）ですべてを実装したいと考えています。

var codeToDisplay = "<object type='text/html' data='problem001.js'></object>"; 
document.getElementById('code').innerHTML = codeToDisplay; 

これは機能しません。私の選択肢は何ですか？おかげさまで

Answer 1

AJAXを使用してファイルの内容を取得し、要素に挿入します。それをHTMLとして解釈されないようにするには、.textContentを使用してください。

var url = 'problem001.js'; 
 
xhr = new XMLHttpRequest(); 
 
xhr.onreadystatechange = function() { 
 
    if (xhr.readystate == 4 && xhr.status == 200) { 
 
     document.getElementById('code').textContent = xhr.responseText; 
 
    } 
 
} 
 
xhr.open("GET", url, true); 
 
xhr.send();

<div id="code"></div>