一、window.showModalDialog获取弹出页面返回值的2种方法
----main.html---------主页面
<form name="form1">
<input type="text" name="fag1">
<input type="text" name="fag2">
</form>
function shw(){
var url="open.html";
//----------方法一--start-------
var obj=document.form1; //指定页面对象
var returnValue=window.showModalDialog(url ,obj,'dialogHeight:550px;dialogWidth:500px;center:yes'); //方法返回值
//----------方法一--end-------
alert(returnValue);
}
<form name="form1">
<input type="text" name="fag1">
<input type="text" name="fag2">
</form>
function shw(){
var url="open.html";
//----------方法一--start-------
var obj=document.form1; //指定页面对象
var returnValue=window.showModalDialog(url ,obj,'dialogHeight:550px;dialogWidth:500px;center:yes'); //方法返回值
//----------方法一--end-------
alert(returnValue);
}
----open.html---------弹出页面
<input type="text" name="SNO">
<input type="text" name="TNO">
<input type="button" value="ok" onclick="retrunValue()">
function retrunValue(){
var TNO=document.all.TNO.value;
var SNO=document.all.SNO.value;
//----------方法二--start-------
var obj = window.dialogArguments; //父页面对象
obj.elements["fag1"].value = SNO; //给父页面对象赋值
obj.elements["fag2"].value = TNO;
//----------方法二--end-------
//----------方法一--start-------
window.returnValue=SNO+","+TNO; //方法返回值
//----------方法一--end-------
window.close();
}
<input type="text" name="SNO">
<input type="text" name="TNO">
<input type="button" value="ok" onclick="retrunValue()">
function retrunValue(){
var TNO=document.all.TNO.value;
var SNO=document.all.SNO.value;
//----------方法二--start-------
var obj = window.dialogArguments; //父页面对象
obj.elements["fag1"].value = SNO; //给父页面对象赋值
obj.elements["fag2"].value = TNO;
//----------方法二--end-------
//----------方法一--start-------
window.returnValue=SNO+","+TNO; //方法返回值
//----------方法一--end-------
window.close();
}
二、window.open获取返回值方法
----main.html---------主页面
<script type="text/javascript">
//弹出窗口
function openwin(url,width,height){
var l=window.screen.width ;
var w= window.screen.height;
var al=(l-width)/2;
var aw=(w-height)/2;
var OpenWindow=window.open(url,"弹出窗口","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width="+width+",height="+height+",top="+aw+",left="+al+"");
OpenWindow.focus();
if(OpenWindow!=null){ //弹出窗口关闭事件
if(window.attachEvent) OpenWindow.attachEvent("onbeforeunload", quickOut);
if(window.attachEvent) OpenWindow.attachEvent("onunload", quickOut);
}
}
//关闭触发方法
function quickOut()
{
alert("窗口已关闭");
}
</script>
<input type="button" value="ok" onclick="openwin('open.html','600','500')">
<input type="text" name="txt0" id="txt0"> 注意:firefox这里一定要写ID属性,不然取不到值
<script type="text/javascript">
//弹出窗口
function openwin(url,width,height){
var l=window.screen.width ;
var w= window.screen.height;
var al=(l-width)/2;
var aw=(w-height)/2;
var OpenWindow=window.open(url,"弹出窗口","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width="+width+",height="+height+",top="+aw+",left="+al+"");
OpenWindow.focus();
if(OpenWindow!=null){ //弹出窗口关闭事件
if(window.attachEvent) OpenWindow.attachEvent("onbeforeunload", quickOut);
if(window.attachEvent) OpenWindow.attachEvent("onunload", quickOut);
}
}
//关闭触发方法
function quickOut()
{
alert("窗口已关闭");
}
</script>
<input type="button" value="ok" onclick="openwin('open.html','600','500')">
<input type="text" name="txt0" id="txt0"> 注意:firefox这里一定要写ID属性,不然取不到值
----open.html---------弹出页面
<script type="text/javascript"><!--
function foo()
{
window.close();
window.opener.document.getElementById("txt0").value=document.getElementById("txt").value
}
<script>
<input type=text name="txt" id="txt">
<input type=button value="关闭" onclick="foo();">
<script type="text/javascript"><!--
function foo()
{
window.close();
window.opener.document.getElementById("txt0").value=document.getElementById("txt").value
}
<script>
<input type=text name="txt" id="txt">
<input type=button value="关闭" onclick="foo();">
三、window.open 弹出新窗口的页面参数设置
'open.html' 弹出窗口的文件名,无指定值,则about:blank的新窗口会被显示;
'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替;
height=100 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
详细例子:
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
//弹出居中窗口
function openwin(url,width,height){
var l=window.screen.width ;
var w= window.screen.height;
var al=(l-width)/2;
var aw=(w-height)/2;
var OpenWindow=window.open(url,"弹出窗口","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width="+width+",height="+height+",top="+aw+",left="+al+"");
//OpenWindow.document.write("<TITLE>例子</TITLE>" );
//OpenWindow.document.write("<BODY BGCOLOR=#ffffff>" );
//OpenWindow.document.write("<h1>Hello!</h1>" );
//OpenWindow.document.write("New window opened!" );
//OpenWindow.document.write("</BODY>" );
//OpenWindow.document.write("</HTML>" );
OpenWindow.document.close();
OpenWindow.focus();
}
</head>
<body>
<a href="#" mce_href="#" onclick="openwin('','600','500')">打开一个窗口</a>
<input type="button" onclick="openwin('','600','500')" value="打开窗口">
</body>
</html>
分享到:
相关推荐
window.showModalDialog以及window.open用法简介
window.showModalDialog以及window.open用法简介
NULL 博文链接:https://shawnfree.iteye.com/blog/598885
window.showModalDialog&&open.docx
本文实例讲述了js的window.showModalDialog及window.open用法。分享给大家供大家参考。具体分析如下: 一、window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ 二、基本语法: window.open...
ShowModalDialog函数的功能: 使用方法: 参数说明:
今天在项目中用到了弹出子窗口,就想到了用JavaScript实现的两种方法,一个是window.open();一个是window.showModalDialog()方法,后者是存在父子关系的一种弹出窗口,只有子窗关闭,父窗口才激活,并且可以传送参数...
window.showModalDialog()方法用来创建一个显示HTML内容的模态对话框,由于是对话框,因此它并没有一般用window.open()打开的窗口的所有属性。 window.showModelessDialog()方法用来创建一个显示HTML内容的非模态
1> window.showModalDialog()采用JS原理实现,同时父窗口不可操作,window.open()采用新创建一个窗口,同时父窗口可操作; 2> 父窗口与子窗口传递值的方式也有所不同,在子窗口中操作父窗口也语法也不同,分别为var...
嗨,Kavita3,它是Chrome浏览器中的一个已知问题,您可以使用window.open();希望对您有用
window.open()和window.showModalDialog(),并解决了showModalDialog()弹出窗口中列表分页的问题。 提供了三个JS方法: (1)showWindow(sURL, width, height); (2)showWindowInPage(pageUrl, params, title, ...
showModalDialog和window.open
程序没有改动过运行一直正常,突然... 代码如下: “[removed]window.showModalDialog(‘Info.aspx?bh=” + Server.UrlEncode(e.Row.Cells.FromKey(“编号”).Text.Trim()) + “‘,null,’dialogWidth:750px;dialogHeig
因为项目中使用showModalDialog函数的地方特别多,所以必须用一个类似方法实现功能,也就是window.open() 首先是判断子窗口关闭,因为项目是在子窗口关闭(确定按钮)的时候向父页面传递值的。
showModalDialog是jswindow对象的一个方法,和window.open一样都是打开一个新的页面。区别是:showModalDialog打开子窗口后,父窗口就不能获取焦点了(也就是无法操作了)。可以在子窗口中通过设置window.return...
这里介绍了chooseCancelOnNextConfirmation、chooseOkOnNextConfirmation等JavaScript脚本实现的弹出窗口处理函数,selenium会弹出网页窗口,因为它重写了window.open在文件selenium-browserbot.js函数BrowserBot....