网页和浏览器兼容性问题汇总(draft1)

一.Javascript
1.日期对象的getYear方法
IE getYear()返回的结果和getFullYear()结果是相同的，但是ECMA262明确规定了getYear返回的是“年份-1970”。而有些网站采用getYear返回年份，导致IE浏览器和FF等比较规范的浏览器出现逻辑上的不同。
二.DOM
1.事件模型
2.document.elementFromPoint
document的该方法是IE扩展的，可以根据视口的客户区坐标返回元素的DOM节点。safari也支持该方法，但是坐标表示的是网页内容布局后的坐标（该坐标是浏览器窗口的客户区坐标）。两者的区别导致了如果想通过鼠标的指针的位置获取元素节点，IE是可以直接事件的客户的客户区坐标(clientX,clientY)返回元素，但是safari需要用scrollX和scrollY来返回。从该接口的意义上说两者都是合理的。MSDN里面也没有明确定义该坐标的意义，但是从接口的使用上说IE更加简单，而safari却需要转换坐标。
三.CSS
四.layout
五.插件与ActiveX
众所周知，IE兼容第三方程序采用的是ActiveX技术；而Firefox，safari，Chrome，opera采用的是NPAPI的插件技术。两者在接口层次上而言插件接口层次更低（都是C函数指针），采用抽象的接口和数据类型封装浏览器和第三方程序的交互逻辑，但是浏览器和插件程序是紧耦合的；而ActiveX屏蔽了进程和线程模型，是一种较松耦合的交互方式。这也是为什么合法 的ActiveX在IE中不会使得IE崩溃，但是同功能的插件有可能使得浏览器崩溃。在这个特性的区别是也是浏览器兼容性方面较大区别之一。
六.其他
1.论坛根据UserAgent中浏览器的子版本设置Cookie，这不太合理，因为UserAgent会随着浏览器版本变化，而导致原来的Cookie实效。

赞 (0)

相关推荐

  • Javascript 多浏览器兼容性问题及解决方案

    CSS 多浏览器兼容性问题及解决方案一.document.formName.item("itemName") 问题 问题说明:IE下,可以使用 document.formName.item("itemName") 或 document.formName.elements ["elementName"]:Firefox 下,只能使用document.formName.elements["elementName"]. 解决方法:统

  • javascript中日期函数new Date()的浏览器兼容性问题

    javascript中日期函数new Date()的浏览器兼容性问题

    同一种语言javascript,在不同的浏览器中,存在语言兼容性问题,本质上是由于不同的浏览器是支持的语言标准和实现上各有差异.本文将基于new Date来创建Date对象来分析这个问题. 1.  问题的提出, 开始时间和结束时间空间无法正确的传递值 在页面中,我们使用了一个时间上的组件来开发时间选择框,但是发现在Firefox下是无法正常工作的,在Chrome下是可以正常运行的. 问题出在哪里呢? 2.  问题分析 结果分析发现是由于如下代码产生的问题: var timestart = '20

  • 下拉列表选择项的选中在不同浏览器中的兼容性问题探讨

    使用jquery做了一个项目,下拉列表选择项变化时,获取选中项的文本.我按如下方式写了: 复制代码 代码如下: $("#rd").change(function () { $("#name").val($("#rd").find("option:checked").text()); }); 由于开发环境浏览器的版本都比较高,IE10,FF23,Chrome29,测试都没问题,部署到服务器上,客户那儿有了问题,文本获取不到,仔细

  • asp.net下用服务器端代码解决浏览器兼容性问题

    用代码判断客户端使用的浏览器版本 Response.Write(Request.ServerVariables["HTTP_USER_AGENT"]);(貌似ASP上也可用这个) 或 Response.Write(Request.UserAgent); 我的是IE7输出: Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; SE 1.X; .NET CLR 2.0.50727; .NET CLR 3.0.04506.648; .NET

  • 浏览器兼容性问题大汇总

    JavaScript 1.HTML对象获取问题 FireFox:document.getElementById("idName"); ie:document.idname或者document.getElementById("idName"). 解决办法:统一使用document.getElementById("idName"); 2.const问题 说明:Firefox下,可以使用const关键字或var关键字来定义常量; IE下,只能使用var

  • window.open()详解及浏览器兼容性问题示例探讨

    window.open()详解及浏览器兼容性问题示例探讨

    一.基本语法: window.open(pageURL,name,parameters) 其中: pageURL 为子窗口路径 name 为子窗口名字 parameters 为窗口参数(各参数用逗号分隔) 二.示例 复制代码 代码如下: <script type="text/javascript"> window.open('page.html','newwindow','height=500,width=800,top=0,left=0, toolbar=no,menub

  • 网页和浏览器兼容性问题汇总(draft1)

    一.Javascript 1.日期对象的getYear方法 IE getYear()返回的结果和getFullYear()结果是相同的,但是ECMA262明确规定了getYear返回的是"年份-1970".而有些网站采用getYear返回年份,导致IE浏览器和FF等比较规范的浏览器出现逻辑上的不同. 二.DOM 1.事件模型 2.document.elementFromPoint document的该方法是IE扩展的,可以根据视口的客户区坐标返回元素的DOM节点.safari也支持该方

  • JavaScript获取网页、浏览器、屏幕高度和宽度汇总

    经常发现在写JavaScript的时候,都需要用到网页.浏览器或屏幕的高度和宽度来解决布局定位的问题,时常前用后忘,要不就是在网上search,干脆自己总结一下,这样也方便再次使用,省时省力. 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的

  • Dom与浏览器兼容性说明

    作为一个Web前端工作者,你是否在工作中常被浏览器兼容性问题所困惑．例如Css样式? 明明在 IE浏览器里显示一切正常的网页．到了FireFox或谷歌浏览器中却乱作一团．或许你在使用JavaScript和Dom编写网页脚本时,也遇到过类似问题. 明明在FireFox浏览器里运行正常的脚本．到了IE里却出现错误． 比如说获取触发js事件的源目标．还有鼠标位置或元素位置问题．动态为元素绑定事件等．．．我将在下面列举部份Dom指令在IE和FireFox等浏览器 不兼容性的问题!限于篇幅．我不在该页对提

  • jQuery解决浏览器兼容性问题案例分析

    本文实例分析了jQuery解决浏览器兼容性问题的方法.分享给大家供大家参考,具体如下: 问题: 当用户在名为abc的input控件按下回车键时,触发另一控件imgLogin的click事件 在IE 中 document.getElementById('abc').click();能够调用abc的click事件 但是在FF中却不行. 解决方法: 必须以下这样: var evt = document.createEvent("MouseEvents"); evt.initEvent(&qu

  • Bootstrap 3浏览器兼容性问题及解决方案

    Bootstrap 3浏览器兼容性问题及解决方案

    Bootstrap 是最受欢迎的 HTML.CSS 和 JS 框架,用于开发响应式布局.移动设备优先的 WEB 项目.-- Bootstrap 官网 Bootstrap 来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JavaScript的,它简洁灵活.开发过程中,我们只需通过给DOM元素添加相应的class即可调用,使得 Web 开发更加快捷. 接下来进入主题,谈谈 Bootstrap 3 浏览器兼容性问题及其对应的解决方案: 1.移动设备支持情况

  • JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案

    JS 组件系列之Bootstrap Table 冻结列功能IE浏览器兼容性问题解决方案

    前言:最近项目里面需要用到表格的冻结列功能,所谓"冻结列",就是某些情况下表格的列比较多,需要固定前面的几列,后面的列滚动.遗憾的是,bootstrap table里自带的fixed column功能有一点bug,于是和同事讨论该如何解决,于是就有了这篇文章. 一.起因回顾 最近项目里面有一个表格需求,该表格列是动态产生的,而且列的数量操作一定值以后就会出现横向滚动条,滚动的时候需要前面几列固定.也就是所谓的excel的冻结列功能.该如何实现呢?不用多说,当然是查文档,于是找到了这篇h

  • 基于javascript代码检测访问网页的浏览器呈现引擎、平台、Windows操作系统、移动设备和游戏系统

    废话不多说了,直接给大家贴js代码了,代码附有注释,感兴趣的朋友一起学习吧. /** * Author: laixiangran. * Created by laixiangran on 2015/12/02. * 检测访问网页的浏览器呈现引擎.平台.Windows操作系统.移动设备和游戏系统 * ******************************************************************** * 各版本浏览器在windows10.0下的用户代理字符串:

随机推荐