弹出窗口并向父页面返回值的两种常用方法

最新推荐文章于 2022-04-25 15:54:13 发布

zhe哲

最新推荐文章于 2022-04-25 15:54:13 发布

阅读量1.7k

点赞数

分类专栏： js

js 专栏收录该内容

10 篇文章 1 订阅

订阅专栏

方法一：使用showModalDialog方法

新建文件lyh.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/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>来自Eric空间</title>
</head>

if(!val)

{
return;
}
else
{
document.all.returnvalue.value=val;
}
}
</script>
</body>
</html>

新建文件lyhshow.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/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>来自Eric空间</title>
</head>

方法二：用window.open弹出窗口

新建文件lyh2.html
输入
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>来自Eric空间</title>
</head>

window.open (math,'newwindow','height=250,width=300,top=300,left=300,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
//写成一行

}
-->
</script>
</body>
</html>
新建文件lyhshow2.html
输入

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>来自Eric空间</title>
</head>

/*优化窗口关闭时生效*/

window.onbeforeunload = onbeforeunload_handler;
function onbeforeunload_handler(){
window.opener.document.all.returnvalue.value=document.all.txtValue.value;
}
</script>
</body>
</html>