笔记:js常用事件

 

------------------------js事件

必须使用的事件
1.超链接事件
2.表单的提交
3.表单内部界面对象的交互

 

-----------onclick事件

<script language="javascript">
function a() {
	window.alert("hello!");
}

 

<form name="form1" action="" method="post">
	<input type="button" name="button1"  value="点击"  οnclick="a()" /> //点击按钮时弹出警告框
</form>


 

---------onchange

<script language="javascript">
function a() {
	window.alert("asd的值发生了变化!");
}

</script>

 

<form name="form1" action="" method="post">
	<input name="asd" type="text"  value="asd" οnchange="a()" />	//当文本框的值变化时弹出警告框,事件中调用函数
</form>


事件中直接引用语句:

<form name="form1" action="" method="post">
	<input name="asd" type="text"  value="asd" οnchange="alert('asd的值改变为:' + this.value)" 

/>


 

-------------------onselect

<form name="form1" action="" method="post">
	<textarea  name="textarea1" rows="10" cols="40" οnselect="alert('该文档不能被复制')" />
   Windows对象(上)(下)
  5.7.3 Location对象
  5.7.4 History对象
  5.7.5 Document对象
  5.7.6 字符串对象
  5.7.7 数学对象
  5.7.8 时间对象
  5.7.9 数组对象 
  5.7.10自定义对象

    </textarea>			//当选择该文本区域的文字时弹出警告框
</form>


 

------------------onLoad(图像或页面结束载入时产生)

function MM_openBrWindow(theURL, winName, features) {
	window.open(theURL, winName, features);
}

 

<body onLoad="MM_openBrWindow('images/1.jpg','图片','toolbar=yes,width=800,height=800')">
</body>


 

----------------onUnload

<body onUnload="alert('thanks for visiting')">
<a href="http://www.baidu.com">baidu</a>
</body>

 

 

-------------------onmouseover和onmouseout

<a href="http://www.baidu.com" οnmοuseοver="alert('鼠标移上来了')">baidu</a>
<font οnmοuseοut="alert('鼠标移走了')">mouse</font>



 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值