利用form的target属性屏蔽url跳转

target:

规定在何处打开 action URL。

关键点:

让target指向隐藏的iframe

demo:

form.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>Insert title here</title>
<script type="text/javascript">
	function doSave(){
		var param = "?method=add";
		testForm.action='handler.jsp' + param ;
		testForm.submit();
	}
</script>

</head>
<body>
<form id="testForm" name="testForm" method="post" target="sub_frame">
id:<input type="text" name="id"><input type="button" value="提交" onclick="doSave();">
<iframe id="sub_frame" name="sub_frame" height="0" width="0" frameborder="0" marginheight="0" marginwidth="0" ></iframe>
</form>
<br/>id值:
<input id="content" name="content" type="text">
</body>
</html>

handler.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String method=request.getParameter("method");
if("add".equals(method)){
	String id =request.getParameter("id");
	out.println("<script type='text/javascript'>");
	out.println("parent.document.getElementById('content').value='"+id+"';");
	out.println("</script>");
}
%>

利用form的target属性屏蔽url跳转,布布扣,bubuko.com

时间: 2024-11-08 18:23:25

利用form的target属性屏蔽url跳转的相关文章

使用form的target属性屏蔽url跳

target: 指定公开赛, action URL. 关键点: 让target指向隐藏的iframe demo: form.jsp <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional/

搭建后台页面布局利用属性target 属性

HTML 5 <form> target 属性 HTML 5 <form> 标签 实例 提交一个在新窗口中打开的表单: <form action="demo_form.asp" target="_blank"> First name: <input type="text" name="fname" /><br /> Last name: <input type=

使用target属性跳转到指定位置

先上代码,使用frameset将网页分割为三个窗口,上,左和右. 1 <html> 2 <head> 3 <title>Main</title> 4 <meta content = 'text/html'; charset = 'utf-8'> 5 </head> 6 <frameset rows = '15%, *'> 7 <frame src = 'top.html'> 8 <frameset col

form表单提交target属性使用

通过form表单提交刷新iframe <form action="doctor/selPackage" target="projectlistframe" id="frm"> <table width="80%" border="0" cellspacing="0" cellpadding="0" class="tableleft"

知识总结之form表单属性及H5新增特性

一.form的几大属性 1.method属性 规定用于发送 form-data 的 HTTP 方法,即请求的方式:主要用来提交参数与后台数据进行交互. 分为GET和POST两种方式,GET请求时将请求的参数直接拼接在请求路径的后面,显示在地址栏,相比POST不太安全. 2.action属性 指定请求路径的具体地址. 3.target属性 规定在何处打开 action URL: _blank:在新的浏览器窗口中打开 _parent:在父级浏览器窗口中打开 _self:在当前窗口打开 _top:在顶

html5中新增的form表单属性

html5中新增两个表单属性,分别autocomplete和novalidate属性 1.autocomplete属性 该属性用于控制自动完成功能的开启和关闭.可以设置表单或者input元素,有两个属性值,当设置为on时,启动该功能:当设置off时,关闭该功能.启用该功能后,当用户在自动完成域开始输入时,浏览器就会在该域中显示填写的选项.用户每提交一次,就会增加一个用于选择的选项 <!DOCTYPE html> <html> <head lang="en"

form中action属性后面?传递参数 获取不到

1 $p_id = $_REQUEST['p_id']; 2 3 echo "<h1>您将更新商品编号为<span>$p_id</span>的商品信息 <a href='listproduct.php'>查看所有</a></h1> 4 <form action='updateproduct.do.php?p_id=$p_id' method='get'> 5 商品名称:<input type='text'

URL跳转

1.由于应用越来越多的需要和其他的第三方应用交互,以及在自身应用内部根据不同的逻辑将用户引 向到不同的页面,譬如一个典型的登录接口就经常需要在认证成功之后将用户引导到登录之前的页面,整个过程中如果实现不好就可能导致一些安全问题,特定条件下可能引起严重的安全漏洞. 2.成因 对于URL跳转的实现一般会有几种实现方式: (1)META标签内跳转 (2)javascript跳转 (3)header头跳转 通过以GET或者POST的方式接收将要跳转的URL,然后通过上面的几种方式的其中一种来跳转到目标U

关于a标签的target属性

超级链接a的target属性已经是不被新规范支持了,其值有四个保留字: 1._blank      <a href="document.html" target="_blank">my document</a> 浏览器会另开一个新窗口显示document.html文档   2._parent     <a href="document.html" target="_parent">my do