使用onclick/表单submit跳转到其他页面

最新推荐文章于 2020-09-11 17:54:02 发布
原创 最新推荐文章于 2020-09-11 17:54:02 发布 · 9.1k 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客介绍了网页中onclick和submit的使用方法。使用onclick时，本页显示可直接用location，若页面有frame，可在location前添加top.mainframe.frames['right_frame'].location；使用submit则通过form表单创建只有submit按钮的表单，单击提交即可。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用onclick

如果是本页显示可以直接用location,方法如下：

- onclick="javascript:window.location.href='URL'"
 - onclick="location='URL'"
 - onclick="window.location.href='URL?id=11'"

如果页面中有frame可以将在location前面添加top.mainframe.frames[‘right_frame’].location

使用submit

使用form表单创建一个只有submit按钮的表单，单击提交即可

<form action="URL" name="表单名" method="get">
	<table><td colspan="2"><input type="submit" value="注册"></td></table>--%>
 </form>
JSP页面，两个按钮点击分别将表单提交到不同的页面/后台方法
norang的博客
05-26 1241
<form action="" method="post" id="form"> <input type="hidden" name="bid" value="${sessionScope.get("bookid").bid}"> <input type="hidden" name="cid" value="${sessionScope.get("bookid").cid}"> <img align="top" width="350px.
onclick="this.form.submit();" 无法提交的解决办法
weixin_34326429的博客
03-21 633
网页中 如果使用 onclick="this.form.submit();" 无法提交表达，可以使用下面的代码： onclick="document.forms['form'].submit();" 范例：<form name="search" type="get"> <input type="hidden" name="m" value="search"...
FORM表单中onclick()、submit()与onsubmit()的问题
qq_36785719的博客
05-19 1351
FORM表单中onclick()、submit()与onsubmit()的问题 最近遇到一次处理form数据的过滤，采用了button的onclick事件来检查，发现return false后表单仍然提交了。 于是仔细研究了下onclick、onsubmit、submit集合函数之间的关系和区别 onsubmit: You can override this event by returning false in the event handler. Use this capability to valid
onclick和onsubmit
lijiang_shen的博客
09-11 432
表单验证： <body> <form action="demo_form.php" name="myForm" onsubmit="return validateForm()" method="POST">名字:<input type="text" name="fname"> <input type="submit" value="提交"> </form> <script&gt
submit中onclick方法的执行
bblbx的博客
08-06 4973
无标题文档 function onC(){          varcount = document.myForm.times.value;          //alert();          for(i=0;i                    document.write("HelloWorld!");          } } 输入HelloWo
Form表单中的onClick，onSubmit和submit
weixin_30633949的博客
03-16 279
一个表单： 1 <form action="#" method="POST" name="A" onsubmit="return X();"> 2 <input type="text" value="" /> 3 <input onclick="Y()" type="submit" value="提交" /> 4 </form> ...
sp\button和submit的区别及使用js实现页面跳转的方式
10-24
sp\button和submit的区别及使用js实现页面跳转的方式 Button和Submit是两个常用的HTML表单元素，它们都是用于提交表单的，但是它们之间存在着一些区别。 首先，Button类型的按钮仅仅是一个普通的按钮，点击它不会...
from表单多个按钮提交用onclick跳转不同action
09-04
在某些场景下，我们可能需要在同一个表单中设置多个提交按钮，每个按钮对应不同的处理逻辑，即跳转到不同的`action`。标题中的“from表单多个按钮提交用onclick跳转不同action”就是解决这个问题的一种方法。下面将...
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
10-22
本文主要探讨了在使用JavaScript和jQuery的submit方法时，表单无法提交的几种常见原因以及相应的解决方法。 首先，表单提交失败的一个常见原因是错误地使用了a标签。例如，开发者可能会无意中使用带有href属性为空...
制作表单页面跳转
最新发布
05-07
当表单数据验证完成后，可以使用 JavaScript 的 `window.location.href` 属性来指定目标 URL 并完成页面跳转[^3]。 ```javascript osub.onclick = function () { if (t1 && p1 && p2 && t2 && t3) { // 验证所有...
FORM表单 onclick()与onsubmit()
weixin_30242907的博客
02-28 321
FORM表单中onclick()、submit()与onsubmit()的问题 最近遇到一次处理form数据的过滤，采用了button的onclick事件来检查，发现return false后表单仍然提交了。 于是仔细研究了下onclick、onsubmit、submit集合函数之间的关系和区别 1 2 3 4 5 6 7 8 9 10 11 ...
submit按钮与一般按钮的onclick
cxzhq2002的杂记
11-25 2491
  script>function test(){alert(11);}script> BODY>  form id="form1" name="form1" method="post" action="1111111111111.html" onsubmit="test(); return false;">  input  name="a" />  i
表单提交onclick和onsubmit
m0_37346206的博客
08-26 588
onsubmit只能表单上使用,提交表单前会触发, onclick是按钮等控件使用, 用来触发点击事件。 在提交表单前，一般都会进行数据验证，可以选择在submit按钮上的onclick中验证,也可以在onsubmit中验证。 但是onclick比onsubmit更早的被触发。 　　提交过程 1、用户点击按钮 ----> 2、触发onclick事件 ----> 3、onclick返回true或未处理onclick ----> 4、触发onsubmit事件 ---->...
onclick、onsubmit、submit集合函数之间的关系和区别
kk791159796的专栏
11-15 1983
这几个函数的调用顺序如下： onclick->onsubmit->submit 只要 onclick 未 return false 那么就继续执行 onsubmit 只要 onsubmit 未return false 那么表单就被提交出去了 另外一点写法上注意一定要 “return X();” 才能取得函数的返回值，否则只是调用函数，返回值未被传递
js 按钮实现跳转页面 jsp html
热门推荐
G-Ohand
04-04 2万+
type=button      就单纯是按钮功能   type=submit      是发送表单但是对于从事WEB UI的人应该要注意到，使用submit来提高页面易用性：使用submit后，页面支持键盘enter键操作，而很多WEB软件设计师，可能没有注意到submit统一.用button后往往页面不支持enter键了。所以需要支持enter键，必须要设置个submit，默认enter键
关于onclick操作,影响按钮submit提交
BIG.KE的博客
03-09 1284
&lt;button type="submit" onclick = $.pdialog.closeCurrent();&gt;保存&lt;/button&gt; 谷歌游览器, 当触发点击事件后, onclick中的操作会进行, 但是button当前的form表单, 并不会提交, 解决方案 &lt;button type="submit" onclick = $(this.clos...
submit与onclick的执行顺序
wshten
07-10 5368
onclick先于onsubmit执行，若onsubmit返回值为true，执行submit；将submit操作放到$.ajax()中执行即可
onlick onsubmit submit 的执行顺序
wem520的专栏
03-28 4564
1、onlick  onsubmit  submit 的执行顺序： form action="#" method="POST" name="A" onsubmit="return X();">   input type="text" value="" />   input onclick="Y
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值