如何使用内容脚本将另一个HTML及其CSS文件注入HTML？

Question

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

我正在做

document.body.innerHTML += 'html';

但这仅在注入一些较小的html代码而不是注入具有自己的css和js文件的整个html文件时有所帮助。

我该如何实现？

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将适用于主要浏览器，并明显地将论据替换为正确的论据。 希望我能正确理解您的问题。