使用form里面的button跳转到其他页面

原创 2013年12月05日 21:25:53

在使用表单的时候,有时需要从一个页面跳转到多个不同的页面。

比如:想要从1.jsp跳转到2.jsp和3.jsp。


我们可以这样写程序:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>跳转</title>
<script type="text/javascript">
	//把表单的action改为2.jsp
	function Two() {
		document.form.action = "2.jsp";
		document.form.submit();
	}
	//把表单的action改为3.jsp
	function Three() {
		document.form.action = "3.jsp";
		document.form.submit();
	}
</script>
</head>
<body>

<form action="" method="post" name="form">
<table width="300" border="1" align="center" bgcolor="#9AD3A4" bordercolor="red">
<tr><td align="center" colspan="2" >button跳转</td></tr>
<tr>
<td><input type="button" value="跳转到2.jsp" onclick="Two()"      class="botton"/></td>
<td><input type="button" value="跳转到3.jsp" onclick="Three()"    class="botton"/></td>
</tr>
</table>
</form>
</body>
</html>
我们就可以从1.jsp跳转到2.jsp或者是3.jsp从而实现一个页面访问多个页面。

button onclick 实现页面跳转

button onclick 实现页面跳转   1、onclick="javascript:window.location.href='aa.htm' " 2、onclick="loc...
  • u014050331
  • u014050331
  • 2014年03月12日 11:31
  • 8489

一个菜鸟前端的成长日记之 我的button跳转页面为何不生效

从大连来到深圳,充满了期待和梦想,希望能进一个高大上的大公司,想体验大都市的豪华编码环境。but,现实给了我重重一击,来深圳找了好久工作,总算找到一家着急用人公司。于是,我打算在这家公司好好干,慢慢修...
  • ccfalling
  • ccfalling
  • 2017年03月29日 21:12
  • 339

js点击button按钮跳转到另一个新页面

js点击button按钮跳转到另一个新页面 投稿:whsnow 字体:[增加 减小] 类型:转载 时间:2014-10-10 我要评论 点击按钮怎么跳转到另外一个页面呢?点击图片要跳转到新的页面时...
  • qq_26222859
  • qq_26222859
  • 2016年05月25日 20:21
  • 3443

Button按钮关于跳转页面问题

1).提交         .........     提交      像这种表单带action的和里有type="submit",就直接在标签中的action="页面名字"就行了 2...
  • sinat_36596170
  • sinat_36596170
  • 2017年04月22日 14:02
  • 408

button onclick 实现页面跳转

button onclick 实现页面跳转  1、onclick="javascript:window.location.href='aa.htm' " ...
  • u011329762
  • u011329762
  • 2015年04月20日 17:45
  • 4095

论div,button,input点击跳转页面不同window.open()

$(function() { $("#denglu").click(function() { // window.open("../i...
  • codingMonkeyKing
  • codingMonkeyKing
  • 2016年04月25日 11:42
  • 1121

HTML 创建按钮实现跳转链接

How to create an HTML button that acts like a link?
  • shuai265
  • shuai265
  • 2017年07月01日 20:13
  • 5147

form表单提交,用submit方法并且跳到指定页面或不跳转

开发环境后台Java 后台根据提交的整个表单,通过name名对应的value值; 项目申请表 负责人姓名* 性别 ...
  • github_38696818
  • github_38696818
  • 2017年07月08日 16:28
  • 4034

form跳转到新页面

  • Revival_Liang
  • Revival_Liang
  • 2016年12月18日 17:04
  • 602

如何避免form提交进行页面跳转

正常的form表单提交后需要进行页面跳转,如果我们不希望进行页面跳转,那么按以下两个步骤,通过一个iframe就可以解决这个问题: 步骤一:首先在页面中定义一个空的不可见的iframe 步骤...
  • kylinah
  • kylinah
  • 2016年10月08日 11:34
  • 1891
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用form里面的button跳转到其他页面
举报原因:
原因补充:

(最多只允许输入30个字)