摘要：
执行时间:window.onload:必须等待网页中所有的内容加载完毕后(包括图片)才能执行;$(document).ready();网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有加载完.编写个数:1 window.onload=function(){alert(0);}2 window.onload=function(){alert(1);}结果只会输出1;1 $(document).ready(function(){alert(0)});2 $(document).ready(function(){alert(1)});先弹出0,在弹出1;简写:window.onlo 阅读全文
摘要：
第一阶段:HTML事件处理阶段.就是在元素里面添加onclick之类的属性来调用某个函数.1 1 function test() {2 alert(0);3 }这种写法有2个缺点: 1.存在时差问题.用户可能在HTML元素已出现在页面上就出发相应的事件,但是如果事件处理程序可能还没有加载过来,就会引发错误. 2.HTML和javascript紧密耦合,如果要更换事件处理程序,则就要同时修改HTML和jiavascript代码,给维护工作带来了很大的麻烦. 第二阶段:DOM0级事件处理程序阶... 阅读全文
摘要：
事件流包括三个阶段: 1.事件捕获阶段 2.处于目标阶段 3.事件冒泡阶段 1.事件捕获阶段 现在页面中有一个按钮. 如果单击这个按钮的话,在事件捕获过程中,document会首先接收到click事件,然后沿着DOM树依次向下,一直传播到事件的实际目标input 因为老版本的浏览器不支持事件捕获,所以很少在使用这个事件流. 2.目标阶段:完成了事件捕获,紧接着处于目标阶段,这个时候发生事件了,弹出1(这个阶段非常特别,根据浏览器情况的不同以及调用程序的参数的不同号,在不同的时候执行,没办法把... 阅读全文
摘要：
scrollIntoView(b)可以在任何HTML上调用,通过滚动滚动条,调用的元素就可以出现在可视区域. 参数如果是true,或者不传参数,则表示调用元素的顶部与浏览器顶部平齐. 如果传入false,调用元素会尽可能出项在视口中.HTML代码:1 2 3 4 1 //传入参数时true或不传参数时:2 function displayRed() {3 document.getElementById("guoDiv").scrollIntoView(true);4 }点击按钮后:1 //传入参数f... 阅读全文
摘要：
HTML5也添加了辅助管理DOM焦点的功能.元素获得焦点的方式有页面加载,用户输入和代码中调用的focus()方法.而document.activeElement属性保存着当前获得焦点的引用.1 var button = document.getElementById("guoBtn");2 button.focus();3 alert(document.activeElement == button); //true另外就是document.hasFocus()方法了.这个方法用于确定文档是否获得了焦点.1 alert(document.ha... 阅读全文