随笔分类 - html5
摘要：前言遇到一个场景，需要一些文本标签，点击自动添加进文本框，这时候就需要掌握如何获取与设置光标在input框的位置，做一个记录，记录使用方法。 获取光标位置input的dom上存在一个属性selectionStart可以获取光标起始位置，一个属性selectionEnd为结束位置。 当光标只是选中在某
阅读全文
摘要：document.getElementById("dateS").onclick = function() { document.activeElement.blur(); };
阅读全文
摘要：PC端************ 按屏幕宽度大小排序（主流的用橙色标明） 分辨率 比例 | 设备尺寸 1024*500 （8.9寸） 1024*768 （比例4：3 | 10.4寸、12.1寸、14.1寸、15寸; ） 1280*800（16：10 |15.4寸） 1280*1024(比例：5：4 |
阅读全文
摘要：问题：fixed元素被另一个fixed元素包含的时候在chrome下fixed子元素的定位会受到父元素的影响。 解释：层叠关系是受层叠上下文影响的。文档中的层叠上下文由满足以下任意一个条件的元素形成： 根元素 (HTML), 绝对（absolute）定位或相对（relative）定位且z-index
阅读全文
摘要：一、问题<button class="am-btn am-btn-default am-btn-xs am-text-secondary" data-id="99" data-type=1><span class="am-icon-pencil-square-o"></span>修改</button
阅读全文
摘要：HTML CSS 控制台查看：
阅读全文
摘要：学习网站：http://www.runoob.com/jsref/event-ondragend.html 定义和用法 ondragend 事件在用户完成元素或首选文本的拖动时触发。 拖放是 HTML5 中非常常见的功能。 更多信息可以查看我们 HTML 教程中的 HTML5 拖放。 注意： 为了让
阅读全文
摘要：上传文件的类型；具体做法如下所示： 注意：accept属性可以限制上传格式，其有兼容性如下 《1》上传.csv格式的 <input text="file" accept=".csv" /> 《2》上传.xls格式 <input text="file" accept="application/vnd.
阅读全文
摘要：先补充下localStorage 知识点：JS对象读取形式：localStorage.name添加/修改localStorage.name = "xuanyuan"其中"xuanyuan"只能是字符串形式（目前为止只支持字符串）。所以存储时是JSON对象时需要执行下JSON.stringify，所以
阅读全文
摘要：本文来自：http://2806814127.iteye.com/blog/2314656 本地存储是一个window的属性，包括localStorage和sessionStorage，从名字应该可以很清楚的辨认二者的区别，前者是一直存在本地的，除非清空本地的数据，后者只是伴随着session，窗口
阅读全文
摘要：原文地址：http://ce.sysu.edu.cn/hope/Item/140355.aspx 作者：陈古松 来源：本站原创 发布时间：2015-03-14 更新时间：2015-03-14 点击数：612 一、渲染引擎的分离 浏览器中通常会把DOM和JavaScript引擎独立实现。 （1）IE：
阅读全文
摘要：直接采用最原始的： 1.在最外层给定一个width(height)值，固定容器的宽高，然后overflow:auto; 2.它里面的内容超出的会容器就会自动滑动了。 注意：里面的内容如果加了float：left浮动，则需要给内容ul加总宽度，不然li不会浮动到左边了。 html结构： <div cl
阅读全文
摘要：本文出自：http://www.cnblogs.com/joshua317/p/6163471.html 在移动wap中，经常会使用window.location.href去跳转页面，这个方法在绝大多数浏览器中都不会 存在问题，但早上测试的同学会提出了一个bug：在安卓手机的微信自带浏览器中，这个是
阅读全文
摘要：懒加载（延迟加载）：延迟加载图片或符合某些条件时才加载某些图片。 预加载：提前加载图片，当用户需要查看时可直接从本地缓存中渲染。 两种技术的本质：两者的行为是相反的，一个是提前加载，一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用，预加载则会增加服务器前端压力。 1.懒加载： 2.预加载
阅读全文
摘要：最近做很多HTML5的项目，很多页面会通过微信微博等SNS分享出去。在分享页面上提供公司APP的下载。但是在很多应用的浏览器中，点击下载链接无法下载应用。那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面。通过js就可以判断当前页面是在什么浏览器打开的。 以下是一段示
阅读全文
摘要：object标签和embed标签都能给页面添加多媒体内容: 一、object 对于object，w3c上定义object为一个嵌入的对象。可以使用此元素向您的 XHTML 页面添加多媒体。此元素允许您规定插入 HTML 文档中的对象的数据和参数，以及可用来显示和操作数据的代码。 <object> 标
阅读全文
摘要：Bootstrap模态框时input标签【日期控件也有这样的问题】不能编辑的问题，下面是我的解决方法： 1.将下图中框出来的属性删掉即可： 2.兼容火狐浏览器，笔者在火狐中还是不能编辑，去掉下图属性即可 3. 记得在form中加这个属性 >novalidate 如form层有【class="form
阅读全文
摘要：一直不知道javascript还有类似jQ里面eq()的函数，原来原生javascript的item()有类似功能： 由于是原生javascript,先补习下children和childNodes的区别： 实例 返回元素的首个子节点： 测试代码：w3c地址来测试 下面来说明下item()的用法： 定
阅读全文
