让IE9以下版本支持HTML5
来源:互联网 发布:comic studio mac版 编辑:程序博客网 时间:2024/05/21 10:10
1、从IE9开始到后继的版本都支持HTML5,那么怎么让IE9以下的版本支持HTML5呢?
这里有一个JS文件,源文件如下:
(function(k,m){var g="3.7.0";var d=k.html5||{};var h=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;var c=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;var q;var i="_html5shiv";var a=0;var o={};var e;(function(){try{var t=m.createElement("a");t.innerHTML="<xyz></xyz>";q=("hidden" in t);e=t.childNodes.length==1||(function(){(m.createElement)("a");var v=m.createDocumentFragment();return(typeof v.cloneNode=="undefined"||typeof v.createDocumentFragment=="undefined"||typeof v.createElement=="undefined")}())}catch(u){q=true;e=true}}());function f(t,v){var w=t.createElement("p"),u=t.getElementsByTagName("head")[0]||t.documentElement;w.innerHTML="x<style>"+v+"</style>";return u.insertBefore(w.lastChild,u.firstChild)}function l(){var t=j.elements;return typeof t=="string"?t.split(" "):t}function p(t){var u=o[t[i]];if(!u){u={};a++;t[i]=a;o[a]=u}return u}function n(w,t,v){if(!t){t=m}if(e){return t.createElement(w)}if(!v){v=p(t)}var u;if(v.cache[w]){u=v.cache[w].cloneNode()}else{if(c.test(w)){u=(v.cache[w]=v.createElem(w)).cloneNode()}else{u=v.createElem(w)}}return u.canHaveChildren&&!h.test(w)?v.frag.appendChild(u):u}function r(v,x){if(!v){v=m}if(e){return v.createDocumentFragment()}x=x||p(v);var y=x.frag.cloneNode(),w=0,u=l(),t=u.length;for(;w<t;w++){y.createElement(u[w])}return y}function s(t,u){if(!u.cache){u.cache={};u.createElem=t.createElement;u.createFrag=t.createDocumentFragment;u.frag=u.createFrag()}t.createElement=function(v){if(!j.shivMethods){return u.createElem(v)}return n(v,t,u)};t.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+l().join().replace(/[\w\-]+/g,function(v){u.createElem(v);u.frag.createElement(v);return'c("'+v+'")'})+");return n}")(j,u.frag)}function b(t){if(!t){t=m}var u=p(t);if(j.shivCSS&&!q&&!u.hasCSS){u.hasCSS=!!f(t,"article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}")}if(!e){s(t,u)}return t}var j={elements:d.elements||"abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output progress section summary template time video",version:g,shivCSS:(d.shivCSS!==false),supportsUnknownElements:e,shivMethods:(d.shivMethods!==false),type:"default",shivDocument:b,createElement:n,createDocumentFragment:r};k.html5=j;b(m)}(this,document));
2、还需要在页面中添加样式,样式内容如下:
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
0 0
- 让IE9以下版本支持HTML5
- 让IE9以下版本的浏览支持html5标签,CSS3选择器,圆角,投影功能
- html5shiv.js让IE9以下浏览器支持html5
- 让IE9以下的版本兼容HTML5解决方案
- 如何让IE9以下版本认识html5元素
- IE9 以下版本浏览器兼容html5
- IE9以下浏览器支持HTML5标签的三种方法
- IE9 以下版本浏览器兼容HTML5的方法
- 让IE8及以下支持HTML5
- h5兼容ie9以下版本
- 关于html5中的部分标签,在IE9以下的支持情况
- 让低版本IE支持HTML5
- 让老版本IE支持HTML5
- 让老版本IE支持html5
- bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5和css3
- IE9版本以下ajax 跨域问题解决
- IE9及以下版本检测提示升级
- 在ie9以下的版本placeholder显示
- 智慧交通指挥决策平台,让“城市大脑”尽收眼底
- hive连数据库配置
- Java多线程学习总结
- Linux中supervisor的配置与使用
- js中为element扩展insertAfter()方法
- 让IE9以下版本支持HTML5
- Solr的基本使用
- java selenium (一) selenium 介绍
- redis集群搭建
- CSS易错点--float、透明度、rem...
- okhttp实现websocket长连接
- ContentProvider之MIME类型与getType()
- Java接口与抽象类区别
- 【网络协议】互联网协议入门