夺命雷公狗---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>

 

posted @ 2015-12-09 09:56  夺命雷公狗  阅读(138)  评论(0编辑  收藏  举报