如何只为第一个体注入脚本?

时间:2016-05-31 19:53:41

标签: javascript google-chrome-extension

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

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

所以它有效,但是如果页面的html代码中有一些iframe,那么注入html代码也会向iframe注入,这不是我想要的,我只想注入html代码到第一页的身体,主体,超级身体

3 个答案:

答案 0 :(得分:0)

在您的主体中添加一些类或ID

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

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

答案 1 :(得分:0)

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

答案 2 :(得分:-1)

为什么不html > body

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