javascript - 一次性 CSS 表达式

Question

这个 CSS 表达式

P {
   background-color: expression((new Date()).getHours()%2 ? "#B8D4FF" : "#F08A00");
} 

可以被调用数千次

但这种方法，意味着

<style>
P {
   background-color:expression(altBgColor(this));
}
</style>
<script type="text/javascript">
function altBgColor(elem) {
    elem.style.background = new Date()).getHours()%2 ? "#B8D4FF" : "#F08A00";
}
</script>

意味着它不会。为什么？

Answer 1

更改<style>为<script>

<script type="text/javascript">
   function altBgColor(elem) {
         elem.style.background = new Date().getHours()%2 ? "#B8D4FF" : "#F08A00";
   }
</script>

Answer 2

你期望会发生什么？

第一次调用动态表达式时，它会覆盖包含该表达式的背景属性。

Answer 3

“对于脚本，动态属性可以是任何合法的 JScript 或 Microsoft Visual Basic Sc​​ripting Edition (VBScript) 语句。” MSDN说。JScript 不是 JavaScript。此外，一件好事是完全远离 CSS 表达式 :)