button和submit的区别及使用js实现页面跳转的方式

更新时间:2023-06-29 20:00:49 阅读: 评论:0

button和submit的区别及使用js实现页面跳转的方式
2008-02-22 14:20
被这个问题困扰了好几天,今天找些资料分享给大家,呵呵。。。。幼儿园教研制度
type=button      就单纯是按钮功能 
type=submit      是发送表单
但是对于从事WEB UI的人应该要注意到,使用submit来提高页面易用性:
使用submit后,页面支持键盘enter键操作,而很多WEB软件设计师,可能没有注意到submit统一.用button后往往页面不支持enter键了。所以需要支持enter键,必须要设置个submit,默认enter键对页面第一个submit进行操作。
==========================<input type="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="四年级竖式计算题500道"> 
飞蝗芜湖      <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">
lf.location='top.htm';
</script>
第五种:
<script language="javascript">
春天作文100字alert("非法访问!");
top.location='xx.jsp';
</script>

本文发布于:2023-06-29 20:00:49,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/82/1068745.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:页面   跳转   实现   使用   注意
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图