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

How to add external javascript library and stylesheets in a widget?

本文关键字:javascript 样式 外部 添加 小部      更新时间:2023-09-26

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

我有几个问题:

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

您最有可能创建一个iframe解决方案,Javascript将在呈现时将其注入页面。

使用样式表的命名约定和作用域的IIFE可以避免名称冲突。

我认为你的问题在这里似乎已经得到了回答:为其他网站创建一个javascript小部件