javascript - 如何在小部件中添加外部 javascript 库和样式表?

标签 javascript html css angularjs

我正在尝试创建一个 Javascript 小部件,其中小部件的用户必须在他的页面中添加几行 Javascript,这反过来又会在他的页面中添加一个外部托管的 javascript。通过这个 javascript,我将向他的页面添加 HTML 代码。在此 HTML 中,我使用的是 Angular Material 库。

我有几个问题:

  1. 我应该怎么做?有人可以分享相关教程的链接吗?
  2. 是否可以向小部件添加外部样式表和脚本?
  3. 如何避免与用户自己的网站全局对象发生任何冲突?

最佳答案

您很可能会创建一个 iframe 解决方案,您的 Javascript 将在呈现时将其注入(inject)页面。

可以使用样式表的命名约定和范围界定的 IIFE 来避免名称冲突。

我认为您的问题似乎已经在这里得到解答:Creating a javascript widget for other sites

关于javascript - 如何在小部件中添加外部 javascript 库和样式表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37229754/

相关文章:

php - CSS 仅在短暂但明显的延迟后生效

javascript - 剑道图点击添加圆圈

performance - 微调 HTML5 Phonegap 应用程序

Javascript:如果 'abstract' 是保留字,为什么我仍然可以将它用作标识符?

javascript - 需要从表单中获取选定的选项值并通过 jquery/javascript 传回

html - 溢出隐藏的绝对div

html - 垂直位置固定

html - 在 Bootstrap 的面板中添加下划线

javascript - 因为它违反了以下内容安全策略指令 : "style-src ' self'"

javascript - 在不影响测量的情况下测量在 javascript 中呈现的 html