标签:
之前写过关于浏览器的简单介绍,可查看,这是一个链接 在项目中,由于在项目中使用的是web技术,浏览器作为展示载体,所有不同的浏览器对js的解析,界面的效果都稍有不同,这和浏览器的实现大同小异,这里列举部分遇到的浏览器显示差异的对比,对比效果差异是在ie9.0.40和firefox45.0.2
由于我不是专做界面渲染的,对js,css,html在项目中的差异做出介绍
首先,关于ajax的XMLHttprequest
function createXmlHttpRequest(){ var xmlHttp; try{ //Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); }catch (e){ try{ //Internet Explorer xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); }catch (e){ try{ xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); }catch (e){} } } return xmlHttp; }
上述代码则是为了匹配所有主流浏览器的获取XMLHttpRequest对象
而对于我们的主页,这里是链接,界面效果点击可查看,这又是个链接
可能这是css的宽度长度的解析差异的结果,由于这不是我们主要的任务,所以暂时没有去解决这个问题。
<input name="user_id" type="text" value="10010" hidden="true"/>
而对于这个简单的表单字段hidden设置true是不起作用的,而在火狐中就可以
$("#div"+info.work_id).mouseover(function(){ //alert($(this).next(".divtext").text()); $(this).next(".divtext").attr("hidden",false); }); $("#div"+info.work_id).mouseout(function(){ //alert($(this).next(".divtext").text()); $(this).next(".divtext").attr("hidden",true); });
对于上面的jquery处理的的鼠标悬停效果,在ie中也是不起作用的
对于以上的浏览器差异,存在的更多,目前遇到的就是这些,更多的还有字体效果
标签:
原文地址:http://www.cnblogs.com/zqq1234/p/5406420.html