不同浏览器的JS如何兼容?

本文提供了解决Internet Explorer (IE) 和 Firefox 浏览器间JS事件处理及手型指针兼容性的方法。通过一个示例展示了如何编写兼容两者的事件处理函数,并解决了cursor样式在不同浏览器间的差异。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ie和firefox不兼容js的解决方法集合2009-04-26 23:081、firefox和ie事件event处理。在ie中,事件对象是作为一个全局变量来保存和维护的。 所有的浏览器事件,不管是用户触发的,还是其他事件, 都会更新window.event 对象。 所以在代码中,只要轻松调用 window.event就可以轻松获取 事件对象, 再 event.srcElement 就可以取得触发事件的元素进行进一步处理在ff中, 事件对象却不是全局对象,一般情况下,是现场发生,现场使用,ff把事件对象自动传递给对应的事件处理函数。

在代码中,函数的第一个参数就是ff下的事件对象了。

<button id="btn4" οnclick="foo4()">按钮4</button>

<script>

function foo4(){   

   var evt=getEvent();

   var element=evt.srcElement || evt.target   ;

      alert(element.id)         

}

function getEvent()

{     //同时兼容ie和ff的写法

         if(document.all)    return window.event;        

         func=getEvent.caller;            

         while(func!=null){    

             var arg0=func.arguments[0];

             if(arg0){

                 if((arg0.constructor==Event || arg0.constructor ==MouseEvent) || (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)){    

                     return arg0;

                 }

             }

             func=func.caller;

         }

         return null;

}

</script>

 

firefox和ie对手型指针cursor不兼容

手型指针有cursor:hand和cursor:pointer两种写法,其中cursor:hand在ff中不支持,返回错误!只要使用cursor:pointer即可,ff和ie都支持!

转载于:https://www.cnblogs.com/wshan/archive/2013/03/03/2941699.html

参考资源链接:[企业官网展示:HTML5+CSS3+JS构建响应式网站](https://wenku.youkuaiyun.com/doc/4qjhw58qb5?utm_source=wenku_answer2doc_content) 制作一个响应式的企业官网,关键在于理解并应用HTML5、CSS3和JavaScript的最新特性,同时确保设计的网站在各大主流浏览器上都有一致的显示效果。首先,要利用HTML5的新语义标签来组织页面内容,确保网站结构清晰、语义化。比如,使用<nav>定义导航栏,<section>表示文档中的一个区域等。然后,运用CSS3的媒体查询来实现响应式设计,根据不同的屏幕尺寸调整样式,如使用@media来设定断点。此外,可以使用Flexbox或CSS Grid布局来代替传统的浮动布局,从而更好地控制页面的布局和响应式行为。至于JavaScript,可以用来增强用户交互,例如实现动态的轮播特效。为了确保跨浏览器兼容性,可以使用Autoprefixer工具自动添加浏览器前缀,还可以利用Modernizr库来检测浏览器特性支持情况,根据结果加载相应的特性代码或回退方案。在整个开发过程中,建议使用Dreamweaver、HBuilder、Visual Studio Code或Sublime Text等网页编辑软件,这些工具提供了代码高亮、智能提示、预览等多种便捷功能,有助于提升开发效率。完成开发后,还需要对项目文件进行合理的命名和压缩,以确保代码的整洁和传输效率。总之,掌握上述技术要点,并配合合适的编辑工具,就能有效地构建出一个既功能完善又兼容性良好的企业官网。 参考资源链接:[企业官网展示:HTML5+CSS3+JS构建响应式网站](https://wenku.youkuaiyun.com/doc/4qjhw58qb5?utm_source=wenku_answer2doc_content)
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值