Firefox 下动态插入 CSS 多行文本……

作者:屈超(Chappell.Wat) 发布时间:April 28, 2009 分类:笔记::千草

不多介绍,
明白人儿都知道我的意思。
其实也可以说是动态插入样式单的标签。

首先,
对于 Content 级的脚本,
我们可以这么写:

(document.getElementsByTagName('head')[0] || document.documentElement)
    .appendChild(document.createElement('style'))
    .appendChild(document.createTextNode((<quchao><![CDATA[
        /* Multi-line CSS Text Goes Here; from QuChao.com */
]]></quchao>).toString()));

值得注意的是 Firefox 虽然支持 CDATA 文本,
但在使用时要小 hack 一下。
该方法可以用于 GreaseMoneky 等执行于 Content 级别的脚本里,
当然 Web 里也没有问题啦。

其次,
对于 Chrome 级别的脚本,
我建议这么写:

阅读剩余部分...

  1. 1