$(document).ready(function(){ $('body').on('click', '#start_timer', function() { var laydate = $(".layui-laydate"); laydate.hide(); ){ laydate.show(); ].offsetTop; ].offsetLeft; ; ; $(".layui-laydate").css("top",top1); $(&quo…

转自慕课网:http://www.imooc.com/article/14516   在js中,存在着N多的关于高度和宽度的属性,比如:clientHeight.offsetHeight.scrollHeight.availHeight.scrollLeft.scrollTop.style.height.innerHeight.outerHeight.scree.height等等......这么多,傻傻分不清也正常啊.本文的目标: 理清js及jquery的各种width和height 对widt…

javascript event(事件对象)详解   1. 事件对象     1. 事件对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 什么时候会产生Event 对象呢? 例如: 当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象. 事件通常与函数结合使用,函数不会在事件发生前被执行! 2. 事件流 2.1 事件流发展史 事件发展史,这位大神已经写好了,想去偷瞄两…

onabort: 图像的加载被中断onblur: 元素失去焦点onchange: 域的内容被改变onclick: 当用户点击某个对象时调用的事件句柄ondblclick: 当用户双击某个对象时调用的事件句柄onerror: 在加载文档或图像时发生错误onfocus: 元素获得焦点onkeydown: 某个键盘按键被按下onkeypress: 某个键盘按键被按下并松开onkeyup: 某个键盘按键被松开onload: 一张页面或一幅图像完成加载onmousedown: 鼠标按钮被按下onmouse…

Javascript的事件绑定主要有四种方法(一下在IE中运行正常,但不保证其他浏览器): [注:onXXX为某一事件,fun为某一function,domId为某一DOM对象id,event类型见后边附录.] 1.在DOM中,直接用onXXX="fun();"进行绑定 2.在Javascript代码中用 DOM对象.onXXX=fun 进行绑定 3.用 DOM对象.attachEvent("onXXX",fun) 进行绑定 4.用<script for=&q…

HTML DOM对象 Document对象每个载入浏览器的HTML文档都会成为Document对象Document对象让我们可以从javascript中操作文档中的所有元素Document对象是window对象的一部分,可以通过window.document 对其进行访问 Document对象集合all[]                提供对文档中所有html元素的访问,返回数组anchors[]            返回文档中所有Anchor对象(锚点)的引用,返回数组applets   …

event对象常用属性和方法 event 对象用来表示当前事件,事件有很多状态,例如,鼠标单击时的位置,按下键盘时的按键,发生事件的HTML元素,是否执行默认动作,是否冒泡等,这些都是作为event对象的属性和方法存在的.要想获得相应的状态,就要访问对应的属性和方法. event 对象常用属性和方法(W3C规范) 属性 描述 IE 非IE W3C altKey 返回当事件被触发时,"ALT" 是否被按下. Yes Yes Yes button 返回当事件被触发时,哪个鼠标按钮被点击.…

1.window的各种宽高   outerWidth.innerWidth.outerHeight.innerHeight outerHeight 获取浏览器窗口外部的高度(单位:像素).表示整个浏览器窗口的高度,包括侧边栏(如果存在).窗口镶边(window chrome)和调整窗口大小的边框(window resizing borders/handles) innerHeight 浏览器视口的高度(单位:像素),如果存在水平滚动条则包括它 outerWidth 获取浏览器窗口外部的宽度(单位…

1.clentWidth和clientHeight ①加入无padding.无滚动条显示占据位置 clientWidth=style.width ②假如有padding.无滚动 clientWidth=style.width+2*style.padding ③假如有padding.有滚动 clientWidth=style.width+2*style.padding-滚动条宽度 clientHeight同理 2.clientLeft和clientTop 这一对属性用来读取元素的border的宽度…

window和document首先我们来高清两个概念:    window和document的区别是什么?    window.location和document.location是一样吗?第一个问题:    Window对象表示浏览器中打开的窗口:window对象可以省略.比如alert().window.alert().    Document对象是Window对象的一部分.那么document.body 我们可以写成window.document.body:浏览器的HTML文档成为Docu…