CSS教程之JS实例：用 或 || 来兼容FireFox
支持浏览器的向后兼容，也就是无论未来的浏览器大战，胜利的是IE7或者是火狐，您的网站都能很好的兼容。JS：用或||来兼容FireFox运转代码框
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><title>UntitledDocument</title></head><body><li><ahref="http://www.blueidea.com/articleimg/bbsimg/smile.gif"/></a><ahref="图片地点">翻开</a></li><li><ahref="http://www.blueidea.com/articleimg/bbsimg/biggrin.gif"/></a><ahref="图片地点">翻开</a></li><li><ahref="http://www.blueidea.com/articleimg/bbsimg/confused.gif"/></a><ahref="图片地点">翻开</a></li></body></html><scriptlanguage="javascript"type="text/javascript">document.body.onclick=function(evt){evt=evt||window.event;varo=evt.target||evt.srcElement;window.open(o.previousSibling.href||o.previousSibling.previousSibling.href);returnfalse;}</script>
找到document.body.onclick=function(evt),
在IE下,这个evt是不会有的,可是在fireFox下(opera下仿佛也是)会默许传这个参数.在IE下,这个参数是null,想兼容,就如许写.
持续向下：
evt=evt||window.event;
在IE下,evt就会指向:window.event,在fireFox下,就会指向谁人默许参数.
由于在IE下evt||window.event相称于:null||window.event,了局仍是window.event
而在fireFox下,就相称于evt||null,了局就是evt
向下看:
o.previousSibling.href||o.previousSibling.previousSibling.href
后面一个表达式用于IE下,前面一个用于FireFox下.
FireFox下,没有preserveWhiteSpace这个属性,即:把空缺也看成一个节点,而IE则默许为false,即把空缺不当作一个节点.
这里说到了XMLDom,仿佛和下面所说的不相干,可是在FireFox下previousSibling就是空缺,除非两个HTML标签之间没有任何情势的空格.
<ahref="http://www.blueidea.com/articleimg/bbsimg/smile.gif"/></a>
<ahref="图片地点">翻开</a>
两个<a>之间有换行(属于空格的一种),以是在FireFox下,取上面一个<a>的前一个节点的话,就必需用:
o.previousSibling.previousSibling.href
大概你仍是没有看分明,不妨,再举个复杂的:
运转代码框
<script>functiontest(p1,p2,p3){p1=p1||100;p2=p2||"xlingFairy";return"p1="+p1+"p2="+p2+"p3="+p3;}alert(test());alert(test(null,null,"blueidea.com"))</script>
好,点道为止,就讲这些!
</p>
更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。 Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。 Dreamweaver在所见即所得添加链接时，可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。 HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器） 帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。 我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。 Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，在编辑时能同时看到源码和设计界面，非常方便新手学习制作网页。
页:
[1]