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>
  • 相关阅读:
    (个人题目)作业 题解
    P2618 数字工程
    P6394 樱花,还有你
    USACO08FEB Making the Grade G
    USACO13NOV Pogo-Cow S
    CSP2019 树上的数
    JSOI2018 潜入行动
    NOIP2017 宝藏
    SNOI2017 炸弹
    【洛谷】【最小生成树】P1195 口袋的天空
  • 原文地址:https://www.cnblogs.com/leigood/p/5031891.html
Copyright © 2011-2022 走看看