随笔分类 -  html5

flex的使用以及布局
摘要：1.添加flex属性后的区别 效果如下： ff47,360,chrome40基本一致,ie10却不支持，查了下是版本问题,flex是新版本ie11之后才使用的，ie10及以前使用的属性是flexbox;，增加display:-ms-flexbox;就支持了。 Flexbox布局的语法经过几年发生了很 阅读全文
posted @ 2016-11-13 19:40 waisonlong 阅读(5039) 评论(0) 推荐(0)
html5电池状态相关API
摘要：以上为使用方法 这是一个针对移动设备应用程序的API，主要用于检测设备电池信息。 属性解释： battery.charging 布尔值。表示是否正在充电，如果返回值是true，则表示正在充电。 battery.chargingTime 数值。PC上值为0. battery.level 数值。0~1. 阅读全文
posted @ 2016-05-24 10:22 waisonlong 阅读(783) 评论(0) 推荐(0)
html5结合flash实现视频文件在所有主流浏览器兼容播放
摘要：由于html5的出现，让网页中的视频、音频有了更加便捷的实现方式。但是video、audio标签只在IE 9+、Safari 3+、FireFox 4+、Opera 10+、Chrome 3+的浏览器版本得到了支持，并且各浏览器对于视频编码格式的支持不一致，这就需要我们考虑一个综合的实现方案，使得视 阅读全文
posted @ 2016-02-26 17:29 waisonlong 阅读(10304) 评论(0) 推荐(0)
HTML5跨域请求--POST方式
摘要：var xmlHttp; // Create the XHR object. function createCORSRequest(method, url) { var xhr = new XMLHttpRequest(); ... 阅读全文
posted @ 2015-12-17 09:09 waisonlong 阅读(3252) 评论(0) 推荐(0)
<meta> 标签
摘要：文档兼容模式的定义。Edge 模式告诉 IE 以最高级模式渲染文档，也就是任何 IE 版本都以当前版本所支持的最高级标准模式渲染，避免版本升级造成的影响。简单的说，就是什么版本 IE 就用什么版本的标准模式渲染使用以下代码强制 IE 使用 Chrome Frame 渲染提示 IE 用户安装 Goog... 阅读全文
posted @ 2015-12-14 09:27 waisonlong 阅读(177) 评论(0) 推荐(0)
frames的对象兼容性获取以及跨域实现数据交换（js文件的加载判断）
摘要：1.document.frames()与document.frames[]的区别js:alert(document.frames("ifr_1"));//火狐,谷歌,ie都无法识别这个方法alert(document.frames["ifr_1"]);//可以得到一个window对象2.docume... 阅读全文
posted @ 2015-11-11 10:42 waisonlong 阅读(1389) 评论(0) 推荐(0)
<a>标签里面嵌图片<img>下面出现一小段空白的原因
摘要：今天做项目的时候，发现在a标签，里面嵌入会出现空白css 内容： a{ border:1px solid black; } img{ width:200px; }html内容：效果生成图：现在出现了两个问题，首先a标签，没有因为img的大小而被撑大然后是... 阅读全文
posted @ 2015-08-28 15:40 waisonlong 阅读(548) 评论(0) 推荐(0)