zoukankan      html  css  js  c++  java
  • 使用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>");
    }
    %>



  • 相关阅读:
    python全栈学习--day57(响应式页面-@media介绍,移动端单位介绍,Bootstrap学习)
    网络编程-Socket介绍
    网络编程-五层协议详解
    python-封装
    python- 类的多态与多态性
    python-接口类与抽象类
    python-类的组合和使用
    python-类继承与重用
    python-面向对象编程小结
    python-属性的查找与绑定方法
  • 原文地址:https://www.cnblogs.com/bhlsheji/p/5047869.html
Copyright © 2011-2022 走看看