我想做的就是这个。 无论我的脚本包含在页面上的任何位置,请注入一些html。 所以无论在哪里:

<script src="http://demo.com/stats/stats.js"></script>

被添加到页面,我可以输出

<div id="stats"></div>

页面中的该位置。

#1楼 票数:3 已采纳

不要想太多问题:

document.write('<div id="stats"></div>');

但是,如果脚本是异步加载的,这将失败。

对于适用于异步加载的脚本的解决方案:

(function() {
  function addHtml() {
    var scripts = document.getElementsByTagName('script');
    for (var i = 0; i < scripts.length; i++) {
      if (scripts[i].src !== 'http://demo.com/stats/stats.js') {
        continue;
      }
      var div = document.createElement('div');
      div.id = 'stats';
      if (scripts[i].nextElementSibling) {
        scripts[i].parentNode.insertBefore(div, scripts[i].nextElementSibling);
      } else {
        scripts[i].parentNode.appendChild(div);
      }
    }
  }
  if (document.readyState === "complete") {
    addHtml();
  } else {
    document.addEventListener('DOMContentLoaded', addHtml, false);
  }
})()

  ask by NotaGuruAtAll translate from so

未解决问题?本站智能推荐:

2回复

注入包含JS的HTML

对于如何将HTML注入无法编辑的HTML中,我得到了一些很好的提示。 现在的麻烦是,该片段包含了无法呈现到页面的JS。 jQuery看起来像这样: 我试过在引号前加上反斜杠,但这没用。 您还可以如何将其写到页面上以便包含JS? 非常感谢, 亚当 JSfiddle: h
3回复

将单独的脚本注入HTML

说我有一个public/index.html文件然后是一个名为otherScript的单独 html 文件,它只是一个包含<script>标签的文件,其中包含一个脚本我将如何将此脚本注入到我的public/index.html文件中? 我想使用new HtmlWebpackPlugin
3回复

通过javascript注入HTML脚本

我有一个文本字段,用户可以在其中填充href标签脚本,以后必须将其显示为链接。 但是您可以输入一些恶意脚本,例如警报消息,以及更多类似的脚本,这些脚本将在我使用该文本字段值显示时在不需要的脚本上执行。 我的问题是,如何限制用户在文本字段中仅输入href标签相关条目,并限制其他脚本进入。 提
1回复

HTML/JavaScript脚本注入异常

我试图写一个依赖于另一个脚本的书签。 为此,我的小书签包含如下功能: 在大多数页面上都调用了回调函数,但是在某些页面上,我在控制台中收到以下异常,并且未加载脚本(facebook.com是一个示例)。 组件返回的失败代码:0x80040111(NS_ERROR_NOT_AVAILAB
1回复

将JQuery包含在注入的脚本中

我正在开发一个包含以下内容的Chrome应用: 包含Web视图的窗口。 将脚本注入Web视图的后台脚本。 我需要在注入的脚本中使用JQuery。 我必须在哪里包含JQuery? 我将其包含在window.html中,并且可以在控制台上使用,但不适用于Webview的脚本。
1回复

html注入中的jQuery脚本执行顺序

考虑以下JS代码: 并假设script.js包含以下内容: 似乎确实在主体上附加了“ a”,“ b”和“ c”( 按此顺序 )。 而且,很明显,仅在script.js完成加载后才将“ c”附加到正文(例如,如果script.js完成加载需要5秒钟,则“ c”将仅在5秒后附加到正文) 。
3回复

如何在HTML页面中注入个人脚本?

我正在尝试更新我的研究小组的网页,并尝试编写一些脚本。 问题是我们被授予的访问权限非常有限,页面管理 (codemagic) 上的 HTML 编辑器剥离了我尝试实现的任何脚本、样式和类。 有没有办法将脚本注入我自己的基本 HTML 页面以使其执行我想要的操作? 这是我正在使用的环境。 页面快照我点击
2回复

使用脚本标记将HTML注入DOM

我们允许用户放置一个 在他们的页面上标记,然后应该从我们的网站嵌入一些内容到他们的网站。 目前script.php包含document.write(“从数据库加载的一些内容”),但是有一些限制。 无论如何我可以使用jQuery实现相同的功能吗? 我如何告诉jQuery将一段HTML代