HTML5入门

想浏览器支持HTML5吗?一简单JS搞定

字号+ 作者: 来源: 2014-11-16 20:49 我要评论( )

越来越多的开发者在关注HTML5了,甚至一些普通用户都已经知道了HTML5的存在,各大网站也蠢蠢欲动,身为站长的呢是不是心痒痒了呢,来吧,一个迷你JS脚本,就可以让你的网站兼容

越来越多的开发者在关注HTML5了,甚至一些普通用户都已经知道了HTML5的存在,各大网站也蠢蠢欲动,身为站长的呢是不是心痒痒了呢,来吧,一个迷你JS脚本,就可以让你的网站兼容IE浏览器

首先感谢remy sharp为我们提供了这个迷你的JS脚本HTML5 shiv来解决IE支持HTML5的问题.

HTML5 SHIV的调用和下载

html5.js一定要加在<head></head>里调用 (因为浏览器必须先解释了这个脚本才能解析后面的html5标签,所以不能放在页面底部)

下面是下载地址:

http://html5shiv.googlecode.com/svn/trunk/html5.js

你可以直接调用这个js脚本

你可以用IE条件注释来调用这个js文件,这样像FireFox等非IE浏览器就会忽视这段代码,也就不会有无谓的http请求了。下面这段代码仅会在IE浏览器下运行:

复制内容到剪贴板
  1. <!--[if IE]>  
  2.    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>  
  3. <![endif]-->  

如果你不喜欢调用外部服务器的文件,你可以把它做成单独的js文件放在你的服务器上调用。

 

JavaScript Code复制内容到剪贴板
  1. (function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})()   

 

 

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • HTML5常用标签总结

    HTML5常用标签总结

    2016-03-23 14:02

  • html5学得好不好,看掌握多少标签

    html5学得好不好,看掌握多少标签

    2015-09-28 12:53

  • 小强的HTML5移动开发之路(53)——jQueryMobile页面间参数传递

    小强的HTML5移动开发之路(53)——jQueryMobile页面间参数传递

    2015-06-02 14:32

  • 小强的HTML5移动开发之路(52)——jquerymobile中的触控交互

    小强的HTML5移动开发之路(52)——jquerymobile中的触控交互

    2015-06-02 14:34

网友点评
i