Javascript 如何仅为第一个主体注入脚本?

Javascript 如何仅为第一个主体注入脚本?,javascript,google-chrome-extension,Javascript,Google Chrome Extension,我向html页面注入了一些脚本,并试图通过使用这些代码向同一页面注入一些html代码 $.get(chrome.extension.getURL('/pages/template.html'), function(data) { $(data).appendTo('body'); }) 这是可行的,但是如果页面的html代码中有一些iFrame,注入的html代码也会注入到iFrame中,这不是我想要的,我只想将html代码注入到第一个页面的主体,主体,超级主体向主体添加一些类或id

我向html页面注入了一些脚本,并试图通过使用这些代码向同一页面注入一些html代码

$.get(chrome.extension.getURL('/pages/template.html'), function(data) {
    $(data).appendTo('body');
})

这是可行的,但是如果页面的html代码中有一些iFrame,注入的html代码也会注入到iFrame中,这不是我想要的,我只想将html代码注入到第一个页面的主体,主体,超级主体

向主体添加一些类或id

<body class='mainBody'>....</body>

$.get(chrome.extension.getURL('/pages/template.html'), function(data) {
      $(data).appendTo('.mainBody');
})
。。。。
$.get(chrome.extension.getURL('/pages/template.html'),函数(数据){
$(数据).appendTo('.mainBody');
})

为什么不
html>正文

$.get(chrome.extension.getURL('/pages/template.html'), function(data)
{
    $(data).appendTo('html > body');
});

感谢大家的关注,但解决方案非常简单,我只需在清单
所有框架上使用以下代码:false

$(数据).appendTo(window.top.document.body)?不,它不起作用,我尝试了
$(“body”).filter(“:first”).append($(data))
?这是一个扩展,可以在您打开的每个页面上使用,因此类或id不适合Iframe也有html.DOH!我忘了。谢谢