如何判断浏览器是否支持js方法

生活 2019-03-01 13:33:40  1709

本文收集整理关于如何判断浏览器是否支持js方法的相关议题，使用内容导航快速到达。

内容导航：

Q1:JS判断浏览器是否支持某一个CSS3属性的方法
Q2:js判断是否是IE浏览器的几种方法
Q3:JS判断浏览器是否支持flash的方法
Q4:JS如何判断是否为ie浏览器的方法（包括IE10

Q1：JS判断浏览器是否支持某一个CSS3属性的方法

1、引子

css3的出现让浏览器的表现更加的丰富多彩，表现冲击最大的就是动画了，在日常书写动画的时候，很有必要去事先判断浏览器是否支持，尤其是在写CSS3动画库的时候。比如transition的animation-play-state，就只有部分浏览器支持。

2、检测方法

下面的方法可以使用脚本判断浏览器是否支持某一个CSS3属性：

/*** 判断浏览器是否支持某一个CSS3属性* @param {String} 属性名称* @return {Boolean} true/false* @version 1.0* @author ydr.me* 2014年4月4日14:47:19*/function supportCss3(style) {var prefix = [webkit, Moz, ms, o],i,humpString = [],htmlStyle = document.documentElement.style,_toHumb = function (string) {return string.replace(/-(\w)/g, function ($0, $1) {return $1.toUpperCase();});};for (i in prefix)humpString.push(_toHumb(prefix[i] + - + style));humpString.push(_toHumb(style));for (i in humpString)if (humpString[i] in htmlStyle) return true;return false;}

3、使用方法

alert(supportCss3(animation-play-state));

Q2：js判断是否是IE浏览器的几种方法

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647第一种：if(window.addEventListener){alert("notie");}elseif(window.attachEvent){alert("isie");}else{alert("这种情况发生在不支持DHTML的老版本浏览器（现在一般都支持）")}if(window.addEventListener){alert("notie");}elseif(window.attachEvent){alert("isie");}else{alert("这种情况发生在不支持DHTML的老版本浏览器（现在一般都支持）")}第二种：if(document.all){alert("IE6");}else{alert("notie");}if(document.all){alert("IE6");}else{alert("notie");}第三种：varnavigatorName="MicrosoftInternetExplorer";varisIE=false;if(navigator.appName==navigatorName){isIE=true;alert("ie")}else{alert("notie")}varnavigatorName="MicrosoftInternetExplorer";varisIE=false;if(navigator.appName==navigatorName){isIE=true;alert("ie")}else{alert("notie")}第四种：if(!+[1,])alert("这是ie浏览器");elsealert("这不是ie浏览器");

Q3：JS判断浏览器是否支持flash的方法

??????判断浏览器是否支持flash的方法，下面是代码。
<script type=text/javascript