【几个JavaScript的浏览器差异处理问题】的更多相关文章

几个JavaScript的浏览器差异处理问题

JQuery确实是个很好用的库,你可以不用考虑很多细节方面的事情.但很作为一个web前端,处理和了解浏览器差异一个重要问题.下面将介绍一些总结,先介绍没有使用js库的情况. 1. setAttribute方法设置元素类名 在jQuery中,直接使用attr()方法即可,可在原生的JS中, 1 //这个是W3C的标准,在兼容W3C标准的浏览器中有效,可是,IE才是国内用户的主旋律 2 element.setAttribute('class','newClassName') 3 //这样的设置在IE…

Javascript不同浏览器差异及兼容方法

原文链接:http://caibaojian.com/js-ie-different-from-firefox.html javascript的各种兼容就是为了解决不同浏览器的差异性,了解其中的差异能够帮助你更快的解决问题,提高代码的使用质量,编写更优秀的javascript代码. 1.window.event 表示当前的时间对象,IE有这个对象,FF没有,FF通过给事件处理函数传递事件对象 2.获取事件源 IE用srcElement获取事件源,而FF用target获取事件源 以上两个兼容通常会…

Javascript常见浏览器兼容问题

常见浏览器原生javascript兼容性问题主要分为以下几类: 一.Dom 1.获取HTML元素,兼容所有浏览器方法:document.getElementById("id")以Id来获取元素; document.getElementsByTagName(“tag”)[0]以标签名来获取元素.另外IE不支持document.getElementsByClassName("class"); 2.获取Form表单元素 只兼容IE:document.formname.it…

JavaScript获取浏览器版本等信息

** 不同浏览器版本可能存在差异,使用时请测试自己的环境 ** 测试时各个浏览器版本 IE: 11.953.14393.0 Edge: Microsoft Edge 38.14393.0.0;Microsoft EdgeHTML 14.14393 Chrome: 57.0.2987.133 (64-bit) FireFox: 52.0.1 (32 位) 360极速浏览器: 版本号:8.7.0.306;内核版本号:50.0.2661.102 360安全浏览器: 版本号:8.1.1.400;内核版本…

JavaScript获取浏览器类型与版本

从网上找到一段使用JavaScript判断浏览器以及浏览器版本的比较好的代码,在此记录一下: <script type="text/javascript"> var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.fir…

JavaScript判断浏览器类型及版本

JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本.JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的.在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道. 我们先来分析一下各种浏览器的特征及其userAgent. IE 只有IE支持创建ActiveX控件,…

[译]JavaScript检测浏览器前缀

原文地址: Detect Vendor Prefix with JavaScript 不管浏览器私有前缀的现状如何,我们还是要与之为伴,并且有时候还需要利用它来做一些事情.这些前缀可以用于CSS(比如 -moz-element 中的 -moz- )和JavaScript( navigator.mozApps )的格式化.牛逼的X-Tag项目使用了一个很巧妙的方法在浏览器环境中获取前缀 —— 让我们来看一下是如何实现的吧! demo 首先,获取HTML元素的 CSSStyleDeclaration…

Javascript检测浏览器对CSS属性的支持 /* supports */

//检测浏览器对CSS属性的支持 supports = (function() { var div = document.createElement('div'), vendors = 'Khtml Ms O Moz Webkit'.split(' '); return function(prop) { if ( prop in div.style ) return true; var len = vendors.length; prop = prop.replace(/^[a-z]/, fun…

使用javascript判断浏览器类型

之前在项目中遇到过要针对不同浏览器做不同的一些js或者css操作,后来某个朋友也突然问到这个问题,所以,整理了一下,在这里留个笔记,方便以后使用. 使用javascript判断浏览器类型: function myBrowser(){ var userAgent = navigator.userAgent.toLowerCase(); //取得浏览器的userAgent字符串 console.log(userAgent); if (userAgent.indexOf("opera") &…

javascript自定义浏览器右键菜单

javascript自定义浏览器右键菜单   在书上看到document对象还有一个contextmenu事件,但是不知为什么w3school中找不到这个耶... 利用这个特性写了个浏览器的右键菜单,感觉挺不错,呵呵... HTML部分(在<body></body>之间插入以下HTML): 查看代码 <div id="menu"> <ul> <li><a href="#">contextmenu…