html，子页面向父页面传递参数

最新推荐文章于 2021-06-03 23:12:38 发布

丵鹰

最新推荐文章于 2021-06-03 23:12:38 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： html 文章标签： html

本文链接：https://blog.youkuaiyun.com/strutce/article/details/47607807

html 专栏收录该内容

11 篇文章

订阅专栏

本博客展示了如何在HTML页面中通过JavaScript与JSP页面进行数据交互，包括页面跳转和数据传递。

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

父页面

<!DOCTYPE html>
<html>
  <head>
    <title>MyHtml.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<style type="text/css">
</style>
  </head>
  <script type="text/javascript">
  	function aaa(){
  		window.open("index.jsp", 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, status=no');
  	}
  	function bbb(content){
  		document.getElementById("test1").value = content;//赋值
  	}
  </script>
  <body>
 
   
    <input id="test1" type="text"  >
     <input type="button" value="提交" onclick="aaa()"> 
  </body>
</html>

子页面

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">    
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->
  </head>
  <script type="text/javascript">
   function aaa(){
    var str=document.getElementById("ddd").value;
    alert(str);
    window.opener.bbb(str);
    window.close();
   }
  </script>
  <body>
    <input id="ddd" type="text"/>
    <input type="button" value="提交" onclick="aaa()"/>
  </body>
</html>