此博客是本人从学生时代开始做笔记所用, 部分是工作所遇问题,做填坑笔记,部分闲来查阅资料,加上自己的理解所总结的学习笔记, 常忙得不可开交,若漏了资料来源,望通知~ 前路漫漫,写点东西告诉自己正在一点点进步,而不要迷失于繁忙。
摘要: 首先是一个小例子: <input type="text" onclick="a(event)"/> function a(event){ console.log(event)} event对象代表事件的状态,包括事件在其中发生的元素,键盘按键的状态、鼠标的位置、鼠标按键的状态 有MouseEvent 阅读全文
posted @ 2016-10-21 16:08 炎泽 阅读(335) 评论(0) 推荐(0) 编辑
摘要: 今天尝试给同一个对象绑定多个事件: document.getElementById("a").onfocus= function(){ alert("1") }.onclick= function(){ alert("2") } 发现弹出2,改变focus和click的顺序后依旧如此,只有书写顺序的 阅读全文
posted @ 2016-10-20 20:09 炎泽 阅读(124) 评论(0) 推荐(0) 编辑
摘要: //判断是ios还是androidvar system;var ua = navigator.userAgent.toLowerCase(); if (/iphone|ipad|ipod/.test(ua)) { system= "ios"; } else if (/android/.test(ua)) { system= "android"; } 阅读全文
posted @ 2016-10-20 17:58 炎泽 阅读(190) 评论(0) 推荐(0) 编辑
摘要: PC端 屏幕分辨率的高: window.screen.height屏幕分辨率的宽: window.screen.width 注解:电脑屏幕的分辨率(包括屏幕底部导航栏和浏览器顶部导航栏和滚动条)(通过改变电脑分辨率改变) 屏幕可用区域的高: window.screen.availHeight屏幕可用 阅读全文
posted @ 2016-10-19 17:15 炎泽 阅读(574) 评论(0) 推荐(1) 编辑
摘要: 今天工作时,也许是因为引入插件的原因,电话号码变蓝且可拨打,头部加入 后得以解决 阅读全文
posted @ 2016-10-19 16:35 炎泽 阅读(209) 评论(0) 推荐(1) 编辑
摘要: 1.offsetTop 功能:获取元素上外缘与最近的定位父元素内壁的距离,如果没有定位父元素,则是与文档上内壁的距离 使用方法:js document.querySelector(...).offsetTop 返回数字类型 只读 注解:边缘:border以外 定位父元素:position为relat 阅读全文
posted @ 2016-10-19 16:21 炎泽 阅读(434) 评论(0) 推荐(1) 编辑
摘要: 之前在项目中使用了Notification,现分享出来: 目前chrome,safari,以及firefox26+支持 详解: http://www.cgner.com/web/js/201408_221.html 也有多个插件支持桌面提醒:http://www.open-open.com/news 阅读全文
posted @ 2016-10-18 20:46 炎泽 阅读(442) 评论(0) 推荐(1) 编辑
摘要: 使用onselectstart <div class= "a" onselectstart="return false;">onselectstart,防止页面变蓝</div> 直接写在html中写入或者调用js方法onselectedstart eg:document.querySelector( 阅读全文
posted @ 2016-10-18 20:14 炎泽 阅读(209) 评论(0) 推荐(1) 编辑
摘要: <input type="number"/> 在chrome,firefox,safari浏览器上输入框右侧会有上下箭头 方法1: <input type="number"/>改为<input type="tel"/> 方法2: input::-webkit-outer-spin-button,in 阅读全文
posted @ 2016-10-18 19:50 炎泽 阅读(1117) 评论(0) 推荐(1) 编辑
摘要: background 可在一个声明中设置background-color,background-image,background-repeat,background-attachment,background-position这些属性 备注: 1.兼容性良好。属性书写顺序貌似并无要求,缺一个或多个不 阅读全文
posted @ 2016-10-18 19:33 炎泽 阅读(251) 评论(0) 推荐(1) 编辑