在CSS里写复杂的JavaScript脚本
更新时间：2008年04月03日 19:53:22 作者：
在IE下,CSS里可以写入JavaScript脚本,不过,要用expression套住.
虽然可以这样,但是由于是在CSS里,这个特殊地方,所以,不能写成如下这样:
width:expression(if(...){}else{...})
因为"{"和"}"和CSS里的 "{"与"}"冲突.
好像也不能用引号,具体没有测试.
这样一来,在CSS里写脚本就不具备灵活了,但是如果想写一个复杂的脚本到CSS里,该如何处理呢?是一个问题,经测试,可以先定义一个函数,然后在expression里调用就行了,不过由于在CSS里用了expression,所以,只能在IE里运行.
一下是示例,点击代码可运行.
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
Javascript刷新页面的几种方法：location.reload()、location.replace(location)、history.go(0)、location=location、location.assign(location)、document.execCommand('Refresh')、window.navigate(location)、document.URL=location.href,js怎么只刷新当前页面一次呢2023-09-09
Any Share 是一种简单、轻量、快速的文件共享服务。使用 Javascript 编写，并搭建在 Firebase 平台。本文将利用它实现创建文件共享型网站，感兴趣的可以了解一下2022-11-11
JavaScript面试题要求：以下题目必须从一至四题中，选出三道题，使用原生代码实现，不可使用任何框架，第五题为选作题2012-01-01
在实际需要中可能需要规定在指定的时间之后再去执行一个函数以达成期望的目的，这也就是一个定时器效果,本文给大家介绍基于JavaScript实现一定时间后去执行一个函数的相关知识，感兴趣的朋友一起学习吧2015-12-12
这篇文章主要给大家介绍了关于如何使用原生Js实现随机点名的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
这篇文章主要为大家详细介绍了OpenLayer3自定义测量控件MeasureTool，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-09-09
select没有只读属性，所以需要在select外面包含一个span，通过js来改变,需要的朋友可以参考下2014-04-04
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
这篇文章主要介绍了ES5 模拟 ES6 的 Symbol 实现私有成员功能,结合实例形式分析了ES5 模拟 ES6 的 Symbol 实现私有成员功能相关原理、实现方法与操作注意事项,需要的朋友可以参考下2020-05-05
这篇文章主要介绍了怎样在CocosCreator中使用物理引擎关节，对物理引擎感兴趣的同学，着重要看一下2021-04-04
本文主要介绍了Javascript中的 “&” 和 “|” 的相关知识。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
最新评论