<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> 文本框内容改变事件 </title> <script type="text/javascript"> function message(){ alert("您改变了文本内容！"); } </script> </head> <body> <form> 个人简介：<br> <textarea cols="60" rows="5" onchange="message()">请写入个人简介，不少于200字！</textarea> </form> </body> </html>
8、加载事件（onload）
事件会在页面加载完成后，立即发生，同时执行被调用的程序。
注意： 1. 加载页面时，触发onload事件，事件写在<body>标签内。
2. 此节的加载页面，可理解为打开一个新页面时。
如下代码,当加载一个新页面时，弹出对话框“加载中，请稍等…”。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> 加载事件 </title> <script type="text/javascript"> function message(){ alert("加载中，请稍等…"); } </script> </head> <body> 欢迎学习JavaScript。 </body> </html>
9、卸载事件（onunload）
当用户退出页面时（页面关闭、页面刷新等），触发onUnload事件，同时执行被调用的程序。
注意：不同浏览器对onunload事件支持不同。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title> 卸载事件 </title> <script type="text/javascript"> window.onunload = onunload_message; function onunload_message(){ alert("您确定离开该网页吗？"); } </script> </head> <body onunload="onunload_message"> 欢迎学习JavaScript。 </body> </html>
测试结果发现只有在IE浏览器里执行，其他浏览器不执行。
以上就是关于Javascript事件响应的九种状态，希望对大家的学习有所帮助。
您可能感兴趣的文章: