js判断浏览器是否支持html5

更新时间：2014年08月17日 16:38:25 投稿：hebedich

这篇文章主要介绍了如何使用js判断浏览器是否支持html5,需要的朋友可以参考下

现在HTML5似乎慢慢流行起来了，有些前端高手为了兼容考虑，会在网页中添加对客户端浏览器判断的代码，知道用户浏览器是否支持HTML5，下面分享想我自己使用的2种方法

方法一,

<script> 
function checkhHtml5() {  
if (typeof(Worker) !== "undefined") {  alert("支持HTML5");  }  else {  alert("不支持HTML5");  } } 
</script>

方法二,

<canvas id="Canvas" ></canvas>

<script>  if (!document.getElementById("Canvas").getContext) {   alert("不支持html5");  }  else{ alert("支持html5"); } </script>

方法三：

<script>
window.onload = function() {
  if (!window.applicationCache) {
    alert("你的浏览器不支持HTML5！");
  }
}
</script>

有更好的方法的话，请联系我！谢谢

您可能感兴趣的文章:

js
html5

JS+html5制作简单音乐播放器
这篇文章主要为大家详细介绍了JS html5制作简单音乐播放器的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-03-03
仅9张思维导图帮你轻松学习Javascript 就这么简单
仅9张思维导图帮你轻松学习Javascript，从javascript变量、javascript运算符、javascript函数基础等多方面了解Javascript，就这么简单
2016-06-06
js综合应用实例简单的表格统计
在做调查问卷的过程中，遇到一个表格的统计问题，一个需要用到js方面的综合知识，感觉还不错所以记录下来与大家分享，感兴趣的朋友可以了解下
2013-09-09
理解JavaScript中Promise的使用
这篇文章主要为大家介绍了JavaScript中Promise的使用，本文先介绍 Promises 相关规范，然后再通过解读一个迷你的 Promises 以加深理解，感兴趣的小伙伴们可以参考一下
2016-01-01
微信小程序全局变量的设置、使用、修改过程解析
这篇文章主要介绍了微信小程序全局变量的设置、使用、修改过程解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-09-09
JavaScript 封装一个tab效果源码分享
本文给大家分享javascript封装一个tab效果源码分享，感兴趣的朋友一起来看看吧
2015-09-09
JavaScript中为事件指定处理程序的五种方式分析
这篇文章主要介绍了JavaScript中为事件指定处理程序的五种方式,结合实例形式简单分析了JavaScript事件处理的相关原理与事件指定处理程序的五种常用方式,需要的朋友可以参考下
2018-07-07
浅谈layui框架自带分页和表格重载的接口解析问题
今天小编就为大家分享一篇浅谈layui框架自带分页和表格重载的接口解析问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-09-09
js的touch事件的实际引用
研究移动端页面的触屏滑动事件，搜索jquery 的相应技术支持实在繁琐，而js只需几步简单定义即可，下面与大家分享下js的touch事件的实际引用
2014-10-10
浅谈webpack下的AOP式无侵入注入
下面小编就为大家带来一篇浅谈webpack下的AOP式无侵入注入。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-11-11