javascript - javascriptでローカルWebページをロードする方法

Question

次のコマンドを実行してローカルWebページを読み込もうとしています。

var html = document.open('google.html');
document.documentElement.innerHTML = html;

ページは読み込まれますが、フォーマットが適切でなく、画像が表示されません。コンテンツ全体をロードするにはどうすればよいですか？

ありがとう

Answer 1

ほとんどの場合、これは外部リソース（画像、スタイルシート、jsファイルなど）が相対URLを持つことが許可されているためです。ページを正しく読み込むには、相対URLを完全に修飾する必要があります。

Answer 2

ページのコンテンツを別のコンテンツに置き換える場合は、次のようにします。

document.location.href="http://google.com";

google.htmldoという名前のローカルページを開きたい場合

document.location.href=document.location.href.splitOnLast('/')[0]+"/google.html";

これにより、相対パスがページの場所に割り当てられるため、リンクされたリソースを確実にロードできます。自分でコンテンツを変更しないでください。