【问题标题】:How to embed Javascript in CSS?如何在 CSS 中嵌入 Javascript?
【发布时间】:2009-10-25 23:36:35
【问题描述】:

我有一个 CSS 文件,其中包含我的网站的样式信息。 一些高度和宽度是基于屏幕尺寸的,所以我可以使用 Javascript,我可以在 CSS 文件中嵌入 javascript 吗?

【问题讨论】:

    标签: javascript css


    【解决方案1】:

    在 IE 中,并且只有 IE,您可以使用 CSS 表达式:

    width: expression(blah + "px");
    

    然后width 成为括号内的任何内容。

    不过,这仅适用于 IE - 所以不要使用它。使用 JS 函数为元素分配 element.style.width 或类似的样式。

    例如:

    <script type="text/javascript">
        document.getElementById('header').style.width = (100 * 2) + 'px';
    </script>
    

    【讨论】:

    • 示例不应该也使用.STYLE.width吗?
    • 既然你提到了它,我实际上并不确定......我会检查一下。
    • 使用表达式太糟糕了,他们把它从IE8里拿出来了
    • @bobince:谢谢。 @epascarello:他们做到了?感谢上帝。 :)
    • 或使用 jQuery:$("#header").css("width", 100 * 2)
    【解决方案2】:

    我不这么认为,但你可以做相反的事情,即让 javascript 动态创建内联 css。

    【讨论】:

      猜你喜欢
      • 2011-04-03
      • 2022-09-26
      • 1970-01-01
      • 2015-08-02
      • 1970-01-01
      • 2015-07-30
      • 1970-01-01
      • 2011-04-22
      • 2014-05-02
      相关资源
      最近更新 更多