夺命雷公狗---javascript NO:16 默认行为1
1、什么是默认行为
在我们的HTML标签中,很多标签拥有自己的默认行为。
如:
submit提交按钮:其会自动提交表单数据到处理页面
a标签:其会自动跳转到指定页面
有些情况下,我们并不需要这种默认行为。
如:
当我们未填写表单数据时,系统不应该直接提交表单数据到处理页面。
当我们单击删除链接时,如果用户没有确认是不应该直接跳转删除的。
2、组织默认行为
IE模型浏览器
window.event.returnValue = false;
W3C模型浏览器
dom对象.事件 = function(event) {
event.preventDefault();
}
示例代码:
<!DOCTYPE html> <html> <head> <meta charset=’utf-8′> <title></title> <script src=’public.js’></script> <script> window.onload = function(){ $(‘btnok’).onclick = function(){ if($(‘username’).value == ”){ alert(‘用户名不能为空’); //IE模型 //window.event.returnValue = false; //w3c模型 event.preventDefault(); } } } </script> </head> <body> <form action=”4.html” method=”post”> name:<input type=”text” id=”username”> <hr/> <input type=”submit” id=”btnok” name=”submit” value=’注册’> </form> </body> </html>