在CSS里写复杂的JavaScript脚本_javascript技巧

因为"{"和"}"和CSS里的 "{"与"}"冲突.
好像也不能用引号,具体没有测试.
这样一来,在CSS里写脚本就不具备灵活了,但是如果想写一个复杂的脚本到CSS里,该如何处理呢?是一个问题,经测试,可以先定义一个函数,然后在expression里调用就行了,不过由于在CSS里用了expression,所以,只能在IE里运行.
一下是示例,点击代码可运行.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> <script> ex=function(){ if(document.getElementById("dg")!=null){ return document.getElemntById("dg").offsetWidth; }else{ return 500; } } </script> <style> .aa { height:100px; width:expression(ex()); background-color: #00FF00; } </style> <div class="aa"></div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]