Javascript 轻量级对话框插件，不使用'；不需要css

我正在寻找一个轻量级的对话框插件，不需要css。 我需要一个用户脚本，这意味着我不能包含css文件

---

有什么想法吗？

您可以从远程域动态注入css文件，例如，Disqs就是这样做的

var link = document.createElement('link')
link.rel = 'stylesheet'
link.href = 'http://yourhost.com/your.css'

---

通过使用id或类名限制样式，您可以确保css与用户站点样式冲突的可能性很低。

您可以从远程域动态插入css文件，例如，这就是Disqs所做的

var link = document.createElement('link')
link.rel = 'stylesheet'
link.href = 'http://yourhost.com/your.css'

---

通过使用id或类名限制样式，您可以确保css与用户站点样式冲突的可能性很低。

您只需设置通过javascript创建的样式标记的innerHTML即可。通过这种方式，您可以获得一个内联样式表

例如

另一个想法是使用css文件的dataURI：

例如

---

您可以简单地设置通过javascript创建的样式标记的innerHTML。通过这种方式，您可以获得一个内联样式表

例如

另一个想法是使用css文件的dataURI：

例如

---

您可以将css代码复制并传递到文件中，然后用

style

标记将其包装起来。这似乎不起作用。我应该把它放在哪里？就像在最后一样？你只需将css代码复制并通过文件，然后用

style

标记将其包装起来。这似乎不起作用。我应该把它放在哪里？比如在最后？是的，我想过这样做，但是注入是不被站点所有者允许的。是的，我想过这样做，但是注入是不被站点所有者允许的

var linkEl = document.createElement("link");
linkEl.href = "data:text/css;base64,Ym9keSB7IGJhY2tncm91bmQtY29sb3I6YmxhY2sgfQo=";
linkEl.rel = "stylesheet";
linkEl.type = "text/css";
document.head.appendChild(linkEl);