<style type="text/css">
</style>
<!--
onClick="鼠标单击" onDblClick="鼠标双击" onMouseDown="鼠标按下" onMouseOut="鼠标移出" onMouseOut="鼠标移出的瞬间" onMouseOver="鼠标移上去触发" onMouseUp="鼠标抬起的一瞬间"onClick="Tishi(this代表这个元素的本身)">-->
</head>
<body>
<div style="width:100px; height:100px; background-color:#F63" onClick="TiShi()">
DOM操作
DOMdaomu操作页面内容
windows对象操作
<!--onmouseover鼠标以上的时候 触发 事件-->
</div>
<span style="" onClick="XianShi(this)">1111</span>
<!-- 事件
一般来说有两个参数
sender代表事件源，即谁触发的事件
e代表事件数据
load(sender,e)
{
}
事件是一个特殊的委托（代理）=函数-->
<input type="button" value="打开窗口" onClick="Dakai()"/>
<input type="button" value="关闭窗口" onClick="Guan()"/>
<input type="button" value="关闭间隔" onClick="Clos"/>
递归
<input type="button" value="返回" onClick="fanhui()"/>
go(1)就是前进1
go(-1)就是后退1
</body>
<input type="text"/>
<input type="checkbox"/>
<select>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
</select>
<!-- ------------上面是1--------------- -->
<div style="width:100px; height:100px; background-color:#696" onClick="Xianshi(this)" ></div>
<span style="" onClick="XianShi(this)">11111</span>
<script type="text/javascript">
//将div要执行的事件代码封装
function TiShi()
{
alert("我辈点击了");
}
<!--------------简单的事件就完成了-上面是例子1-------------------->
//div和span的事件
function XianShi(a)//a形参
{
alert(a);
alert("显示");
}
<!------------------------------------------------------->
<!--1 window.open("第一部分"，"第二部分"，"第三部分"，"第四部分")-->
var wi
function Dakai()
{
if(wi==null)
{
wi=window.open("b.html","_blank","width=100 height=100");
}
}
function Guan()
{
w1.close();
}
var jg = window.setInterval("z()",1000);//间隔//（"Z（）",1000）;这是掉方法
function Z()
{
alert("间隔执行的代码")
}
function Ciose()
{
window.clearInterval(jg);//清间隔的
}
<!-------------------------------------->
window.setTimeout("alert(‘aa‘)",2000);//延迟 只会执行一次
6：间隔和延迟： *******
window.setInterval("要执行的代码"，间隔的毫秒数)
window.clearInterval(间隔的id); 循环一次之后用来清除隔几秒执行的代码
window.setTimeout("要执行的代码"，延迟的毫秒数)
window.clearTimeout(延迟的id)；清除setTimeout，一般延迟执行较为常用。
-------------------------------------
//（x代表左边,y代表上）
<!--特征参数
<!--第一部分；写要打开的页面地址
/*第二部分；打开的方式，_blank是在新窗口打开_self
第三部分；控制打开的窗口，可以写多个，用空格隔开*/
/*toolbar=no新打开的窗口无工具条
menubar=no无菜单栏status=no无状态栏
width=100height=100宽度，高度
left=100打开的窗口距离左边多少距离
resizable=no窗口大小不可调
scrollbars=yes出现滚动条
location=yes有地址栏
------------------------------------------
返回值；新打开的窗口对象-->*/
//alert(window.onabort);
function DaKai()
{
if(wl==null)
/*{
w1 =window.open("b.html","_self","width=500 height=500");
}*/window.location.href-"b.html";
}
/*
function fanhui()
{
window.history.go(-1);
}
window.location.href="http://www.baidu.com";
修改页面地址，会跳转页面 重点********
*/
</script>
</htm1>
原文：http://www.cnblogs.com/aqxss/p/6051934.html