子窗口调用父页面js实例

父页面代码:

<%@ page contentType="text/html; charset=GBK"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>new_page_title</title>
<script type="text/javascript">
      //查询信息
      function doQuery_new(){
    	 var inputValue = $("#inputValue").val();
    	 alert("doQuery");
      }
	//新增信息
	  function doOpen_new(){
	  	var dlg = new Dialog("son_Dialog");
	  	dlg.Width = 450;
	  	dlg.Height = 150;
	  	dlg.Title = "son_Dialog";
	  	//URL为子页面路径
	  	dlg.URL = "/smsadmgr/data/black/sonDialog.jsp";
	  	dlg.ShowMessageRow = false;
	  	dlg.parentWindow = window;
	  	dlg.OKEvent = function(){dlg.getIFrame().doSubmit()};
	  	dlg.show();
	  	dlg.OKButton.value ="刷新";
	}
      </script>
</head>
<body onload="doQuery()">
<table id="table" align="left" cellSpacing="2" cellPadding="3"
	border="0">
	<tr>
		<td class="tdOdd" align="right"><label>手机号码:</label></td>
		<td class="tdEven"><input type="text" id="inputValue" name="inputValue" value="cwqi_refresh" style="width: 100px" /></td>
		<td class="tdEven" colspan="6">&nbsp;&nbsp;<input type="button"onclick="doQuery_new()" value="查询" /> 
		<input type="button"onclick="doOpen_new()" value="打开" /></td>
	</tr>
</table>
</body>
</html>

子窗口代码:

<%@ page contentType="text/html; charset=GBK"%>

<html>
<head>
<title>son_page</title>
</head>
<body onload="fillPhone()">
<form name="myForm" id="myForm"><br>
<table class="txttable"
	style="text-align: center; margin-left: 3px; margin-right: 3px">
	<tr>
		<td width="80" align="left">手机号码:</td>
		<td align="left"><input id="BL_PHONENUM" name="BL_PHONENUM"
			maxlength="50" value="" style="width: 100px" /><font color="red">*</font>
		</td>
		<td width="80" align="left">证件号码 :</td>
		<td align="left"><input id="ZJ_NUM" name="ZJ_NUM"
			maxlength="50" value="" style="width: 100px" /><font color="red">*</font>
		</td>
	</tr>
</table>
</form>
</body>
<script type="text/javascript">
	function fillPhone(){
		document.getElementById("BL_PHONENUM").value="加载填充";
		//$("#BL_PHONENUM").val("加载填充");
		}
function doSubmit(){
	var inputValue=document.getElementById("ZJ_NUM").value;
	if(inputValue==""){
		alert("证件号码不能为空");
		return;
	}
	alert(inputValue); 
	var dlg = parent.Dialog.getInstance("son_Dialog");
	var pframe = dlg.parentWindow;
	pframe.doQuery();
	dlg.close();
}
</script>
</html>

子窗口调用父页面js实例,布布扣,bubuko.com

时间: 2024-12-17 11:45:43

子窗口调用父页面js实例的相关文章

JS子窗口调用父窗口的方法

有两种情况: 一,框架(iframe)形式,这时用到是window.parent,详情如下: 1,1.html代表的是父窗口 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/

JavaScript子窗口调用父窗口变量和函数的方法

在做一个父窗口开启子窗口并且在子窗口关闭的时候调用父窗口的方法,达到局部刷新的目的. 父窗口: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3 <html xmlns=" http://www.w3.org/1999/xhtml&qu

iframe调用父页面js函数 方法 元素

在一个页面中添加iframe,但是有时需要与父页面进行通信,传递参数. 网上总结有以下方法: 一.iframe标签中   src属性传参 <iframe src="test.jsp?id=xxx">    通过get方法,添加在页面后面传递参数,如上的“id” 二.iframe调用父页面html元素 在iframe中,通过“window.parent.document.getElementById()” ,即可访问父页面中的元素 三.iframe调用父页面函数  windo

iframe子页面调用父页面js方法

今天开发网站时遇到一个棘手的问题,因为iframe不提倡使用,所以也没怎么关注和研究过iframe. 问题如下: 我通过freedialog设置了一个iframe打开的子页面,页面中原本拥有完整的功能,但是有个取消按钮,如图 右上角已有关闭按钮,但是为了页面的完整性以及保留美工的完整切图样式,没有去除掉取消按钮,现在的目的是要将取消按钮实现关闭功能. <input type="button" value="取消" class="btnqx"

iframe子页面js调用父页面js函数/父页面调用Iframe子页面中js方法

1.假设当前页面为a.html, iframe的src页面为b.html,其代码如下: 1 <span class="tag"><html> 2 <br></span><span class="tag"><head> 3 <br></span><span class="tag"><title></span><s

iframe弹出层中关闭包含iframe的div(子页面调用父页面js函数)

父页面: <div id="win2" style=" width:300px; height:200px; border:1px solid red;"> <iframe style="height:182px; width:300px;" src="1.html"></iframe> </div> js: function closeIframe(){ $("#wi

js 子窗口调用父框框方法

父窗口 子窗口 原文地址:https://www.cnblogs.com/SHMILYHP/p/8629561.html

js子窗口调用父窗口函数并传递对象给父窗口的方法

--父窗口 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Parent.aspx.cs" Inherits="Parent" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/

Qt 代码: 子窗口调用父窗口(其实就是用指针直接访问)

之前的 Qt 编程大多只涉及简单的多窗口,并未染指窗口间的传值交互,想来还是“涉世未深”,对 Qt 的理解.应用还需殷勤努力. 这次的问题是这样的,我想要实现一个类似QQ.阿里旺旺的聊天客户端,在弹出表情对话框后,能够选择表情并返回给聊天窗口的消息输入框,这就需要两个窗口之间的传值交互. 首先想到的解决方法自然是使用Qt自带的signal/slot机制.即首先发信号给父窗口,父窗口接到信号执行槽函数发送一个携带所需数据的信号给子窗口.但是疑问来了:要在子窗口中接收到父窗口的信号必须进行signa