如何在JavaScript中加载本地网页

Question

我正在尝试加载执行的本地网页：

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

它加载页面但格式不正确，图像不会显示。我怎么能加载整个内容？

由于

Answer 1

这很可能是因为允许外部资源（图像，样式表，js文件等）具有相对URL。任何相对URL都需要完全限定才能正确加载页面。

Answer 2

如果您想用另一个替换页面内容，只需执行

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

如果要打开名为google.html的本地页面

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

这将确保可以加载链接的资源，因为相对路径将被赋予页面的位置。不要自己更改内容。