DOM操作:
windows对象 窗口操作
document对象 文档操作
方法(函数) 属性
函数:window.hanshu ( );
属性:window.shuxing
事件:调用已经写好的函数
<body> 事件:调用已经写好的函数 <div style="100px; height:100px;" onclick="Hanshu()">你好</div> </body> <script type="text/javascript"> function Hanshu() { alert("你好"); } </script> onclick 单击; ondblclick 双击; onkeydown 按键摁下时; onkeyup 按键松开时; onkeypress 按下就触发; onmousedown 鼠标摁下; onmousemove 鼠标移动; onmouseout 鼠标移出; onmouseover 鼠标移上;会弹出这个
表单中的:
<body> <div style="100px; height:100px;" onclick="Hanshu()">你好</div> <input type="text" onblur="Hanshu()" /> 文本框 <input type="checkbox" onselect="Hanshu()" />男 复选框 <select onchange="Hanshu()"> 下拉列表 <option>你好</option> <option>你好1</option> <option>你好2</option> </select> </body> <script type="text/javascript"> function Hanshu() { alert("你好"); } </script> onblur 失去焦点触发; onfocus 获得焦点; onchange 改变时触发; onselect 选中时触发;
<body> <div style="100px; height:100px;" onclick="Hanshu(this)">你好</div> <span onclick="Hanshu(this)" >你好1</span> 两个都是单击触发函数,必须传一个数据,加参数,本事this。 </select> </body> <script type="text/javascript"> function Hanshu(a) 形参接收 { alert(a) 弹出 alert("你好"); } </script>
span触发效果 div触发效果
<body> <div style="100px; height:100px;" onclick="Hanshu()">你好</div> <input type="button" value="打开按钮" onclick="Open()" /> </body> <script type="text/javascript"> function Hanshu() { alert("a"); } function Open() { window.open("digui,html","_blank","width=100px height=100px",); } </script> blank是另打开窗口,self是自身打开