使用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>");
}
%>

时间： 2024-10-29 19:10:00

使用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属性跳转到指定位置

先上代码,使用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'

搭建后台页面布局利用属性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=

关于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

超链接a的target属性

<a>标签的target意思很明确就是在哪里打开目标文档. 第一种情况:默认情况:当我们没有设置超链接属性target的value值时默认是_self,即<a target="_self">.它使目标文档显示在超链接所在框架或者窗口中.所以下面两行代码效果相同. <a href="http://www.baidu.com">百度</a> <a href="http://www.baidu.com&quo