栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在CSS中使用Javascript

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在CSS中使用Javascript

IE和Firefox都包含从CSS执行Javascript的方法。正如Paolo所提到的那样,IE中的一种方法是该

expression
技术,但是HTC行为也更加晦涩难懂,即通过CSS加载包含脚本的单独XML。存在使用XBL的 Firefox类似技术。这些技术不会直接从CSS中提取Javascript ,但效果是相同的。

带有IE的HTC
使用CSS规则,如下所示:

body {  behavior:url(script.htc);}

在该script.htc文件中具有以下内容:

<PUBLIC:COMPonENT TAGNAME="xss">   <PUBLIC:ATTACH EVENT="ondocumentready" onEVENT="main()" LITERALConTENT="false"/></PUBLIC:COMPONENT><script>   function main()    {     alert("HTC script executed.");   }</script>

HTC文件main()在事件上执行功能ondocumentready(指HTC文档的准备情况。)

Firefox的XBL

Firefox使用XBL支持类似的XML脚本执行黑客。

使用CSS规则,如下所示:

body {  -moz-binding: url(script.xml#mypre);}

在你的script.xml中:

<?xml version="1.0"?><bindings xmlns="http://www.mozilla.org/xbl" xmlns:html="http://www.w3.org/1999/xhtml"><binding id="mypre">  <implementation>    <constructor>      alert("XBL script executed.");    </constructor>  </implementation></binding></bindings>

构造器标签中的所有代码都将执行(将代码包装在CDATA部分中的好主意。)

在这两种技术中,除非CSS选择器匹配document中的元素,否则代码不会执行。通过使用body,它会在页面加载后立即执行。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/411443.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号