html5.js

可以让IE8等不支持Html5的浏览器,支持Html5元素,比如<header> <footer> <section>等标签

/*
 HTML5 Shiv v3.7.0 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
*/
(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/[\w\-]+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}template{display:none}</style>";
c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?: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,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.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:"3.7.0",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);
if(g)return a.createDocumentFragment();for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
时间: 2024-09-18 23:45:07

html5.js的相关文章

网页-html5+js手机触屏事件在一个固定的区域内实现div的移动

问题描述 html5+js手机触屏事件在一个固定的区域内实现div的移动 我想在手机网页上实现在一个固定的区域内有一个div这个div能够随着手指的滑动而改变位置,求各位大神指点迷津.. 解决方案 不知道怎么弄了,以前见别人搞过 解决方案二: .............................................好吧 解决方案三: 貌似不是用div吧是用一个浮动窗口然后他的位置属性随手势改变 解决方案四: 这个可以利用touchstart,touchmove,touchend

Html5+JS实现手机摇一摇功能

  Html5+JS实现手机摇一摇功能         HTML5一个重要特性就是DeviceOrientation,它将底层的方向传感器和运动传感器进行了高级封装,提供了DOM事件的支持.这个特性包括两种事件: 1. deviceOrientation:封装了方向传感器数据的事件,可以获取手机静止状态下的方向数据,例如手机所处角度.方位.朝向等. 2. deviceMotion:封装了运动传感器数据的事件,可以获取手机运动状态下的运动加速度等数据. 使用它我们能够很容易的实现重力感应.指南针等

实例:html5.js 让HTML5+CSS3制作的网站兼容ie6,7,8浏览

今天下载了html5.js插件,然后用html5+css3制作了个简单的网页布局,测试一下这个html5.js插件是否可以兼容ie6,7,8浏览器.做好之后用IETester在IE6.7.8这3个版本测试了一下,的确可行.这样也为以后用html5+css3建设网站提供了可行性. ie678浏览器演示效果 HTML5代码效果图 CSS3效果图 下载:html5+css3兼容ie678浏览器案例

使用html5+js实现像素风头像生成器

 只要三步,使用html5+js实现像素风头像生成器 html5的画布给我们带来了很大的空间,其实像素风格头像生成器只是用到了画方块的方法.画一个像素头像,只要三步,1.解决像素点,2.解决像素点之间的关系,3.一次次地画像素点. 先画个方块 其实在canvas上画方块非常简单,只要通过js在页面上取得一个画布,然后再生成上下文,再定义画笔,然后再往上画就好了. 比如: <canvas id="myCanvas" width="100" height=&quo

HTML5+JS,微信平台开发

   [项目概要]     最近进入了一个新的项目,手机移动端的开发.微信平台,现在是家喻户晓.而自己没想到,这么快,就可以亲身接触到这样一个微信平台开发项目中.如何使得我们写HTML页面去适应各种手机,这就是在这个项目中,需要我们去做处理的一方面.    [项目基础]     HTML,大家都有很长一段时间的接触了,前台页面,一直是比较薄弱和不重视的地方.如果在面试时,让自己手写一段HTML代码,恐怕是难以下笔.而这一次,加入到项目组中,是让我们先从前台页面开始,HTML5+JS,实现手机移动

html5.js:如何不依靠JS或Flash来使用HTML5传输多文件

虽然现在已经可以通过表单的方式用浏览器向服务器传输文件,尤其是<input type=file>这种表单控件,然而这东西一次最多只能传递一个文件.如果用户需要上传整个相册或者多张图片,那么技术人员只好从其他途径想办法了,比如Flash或者JS.但是现在通过HTML5提供的新标签,我们就可以完全不需要那些额外的东西了.HTML5为上传文件提供了几个新标签,比如multiple就是为了支持多文件上传专用的.multiple是一个bool标签来表示是否允许用户上传多个文件.比如<input t

html5 js实现浏览器全屏

项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的效果. 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以让页面中的图片,视频等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持 全屏 var docElm = document.documentElement; //W3C if (docElm.requestFullscreen) {     docElm.requestFullscre

用html5 js实现点击一个按钮达到浏览器全屏效果_javascript技巧

项目中需要将后台浏览器的窗口全屏,也就是我们点击一个按钮要实现按F11全屏的效果. 在HTML5中,W3C制定了关于全屏的API,就可以实现全屏幕的效果,也可以让页面中的图片,视频等全屏目前只有google chrome 15 +, safri5.1+,firfox10+,IE11支持 全屏 var docElm = document.documentElement; //W3C if (docElm.requestFullscreen) { docElm.requestFullscreen()

html5+js实例-掌机游戏赛车-贴有源码

游戏界面,没做什么美化. 游戏规则:游戏界面分为三列,黑色方块随机落下,红色方块可以在三列自由移动(用方向键,长按下方向键黑色方块加速下滑).红色方块碰到黑色方块即为输. 得分:每正常通过一次黑色方块加12分,加速通过加30分. 下面直接上代码: html:  代码如下 复制代码 <!DOCTYPE html> <html> <head lang="en">     <meta charset="UTF-8">