zoukankan      html  css  js  c++  java
  • button和submit的区别及使用js实现页面跳转的方式


    type=button      就单纯是按钮功能  
    type=submit      是发送表单

    但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性:
    使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一.用button后往往页面不支持enter键了。所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作。
    ==========================<inputtype="submit" name="b1" value="提交"    onClick="bt_submit_onclick()">
    执行完onClick,转到action。可以自动提交不需要onClick。所以说onclick这里可以不要。

    <input type="button" name="b1" value="提交"    onClick="bt_submit_onclick()">
    执行完onClick,跳转文件在 js文件里控制。提交需要onClick。比如:1,onclick="form1.action='a.jsp';form1.submit();"    这样就实现了submit的功能了。2,<form    name="form1"   method="post"    action="http://www.sina.com.cn">  
           <input   type="button"   name="Button"   value="Button"   onClick="submit()">  
       </form>3,<input   type="button"   name="Button"   value="Button"    onClick="javascript:windows.location.href="你的url"">js实现页面跳转的几种方式:
    第一种:
    <script language="javascript"type="text/javascript">
    window.location.href="login.jsp?backurl="+window.location.href;
    </script>

    第二种:
    <script language="javascript">
    alert("返回");
    window.history.back(-1);
    </script>

    第三种:
    <script language="javascript">
    window.navigate("top.jsp");
    </script>

    第四种:
    <script language="JavaScript">
    self.location='top.htm';
    </script>

    第五种:
    <script language="javascript">
    alert("非法访问!");
    top.location='xx.jsp';
    </script>

  • 相关阅读:
    进程与线程的区别与联系
    IPC 进程间通信
    sql中的group by 和 having 用法
    大端小端格式
    Spring AOP的一个比喻和IOC的作用
    volatile变量
    策略模式
    划分算法与快速排序
    希尔排序及希尔排序java代码
    红黑树
  • 原文地址:https://www.cnblogs.com/liaoshiyong/p/3150842.html
Copyright © 2011-2022 走看看