我正在尝试创建一个 Javascript 小部件,其中小部件的用户必须在他的页面中添加几行 Javascript,这反过来又会在他的页面中添加一个外部托管的 javascript。通过这个 javascript,我将向他的页面添加 HTML 代码。在此 HTML 中,我使用的是 Angular Material 库。
我有几个问题:
- 我应该怎么做?有人可以分享相关教程的链接吗?
- 是否可以向小部件添加外部样式表和脚本?
- 如何避免与用户自己的网站全局对象发生任何冲突?
最佳答案
您很可能会创建一个 iframe 解决方案,您的 Javascript 将在呈现时将其注入(inject)页面。
可以使用样式表的命名约定和范围界定的 IIFE 来避免名称冲突。
我认为您的问题似乎已经在这里得到解答:Creating a javascript widget for other sites
关于javascript - 如何在小部件中添加外部 javascript 库和样式表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37229754/