如何使用内容脚本将html另外的html与css文件一起注入？

Question

我完全混淆了如何使用chrome扩展中的内容脚本将整个html注入另一个html。

我正在做

document.body.innerHTML += 'html';

但这只会在注入一些小的html代码时有用，而不是整个html文件，它有自己的css和js文件。

我如何实现这一目标？

Answer 1

如果你一直尝试将一个html文件加载到另一个html文件中，那么 JQuery load()方法可能有所帮助：

$( "#mydiv" ).load( "thepageIwannaload.html" );

您只需创建要作为单独的html文件加载的html，然后将其加载到您的文件中。

Answer 2

如果我理解正确，你试过一些ajax吗？有些东西......

var xmlRequestObject;
if (window.XMLHttpRequest)
{
xmlRequestObject=new XMLHttpRequest();
}

xmlRequestObject.onreadystatechange=function()
{
if (xmlRequestObject.readyState==4 && xmlRequestObject.status==200)
{
document.getElementById("elementID").innerHTML=xmlRequestObject.responseText;
}
}

xmlRequestObject.open("GET","document.html",true);

xmlRequestObject.send();

这个ajax适用于主浏览器，显然可以替代正确的争论。希望我能正确理解你的问题。