3.30 windows对象
DOM操作:
windows对象 窗口操作
document对象 文档操作
方法(函数) 属性
函数:window.hanshu ( );
属性:window.shuxing
事件:调用已经写好的函数
<body>
事件:调用已经写好的函数
<div style="width: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="width: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="width: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="width: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是自身打开
posted on 2018-03-30 11:55 sunyexiang 阅读(113) 评论(0) 收藏 举报
浙公网安备 33010602011771号