zoukankan      html  css  js  c++  java
  • 夺命雷公狗---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>
  • 相关阅读:
    [NOIP2011] 玛雅游戏
    [bzoj4025] 二分图
    [10.2模拟] tree
    [10.3模拟] color
    [10.2模拟] teach
    [10.2模拟] plan
    [10.2模拟] book
    [bzoj4999] This Problem Is Too Simple!
    [9.28模拟] good
    [bzoj3884] 上帝与集合的正确用法
  • 原文地址:https://www.cnblogs.com/leigood/p/5031891.html
Copyright © 2011-2022 走看看