js 調(diào)用父窗口的具體實現(xiàn)代碼
更新時間：2013年07月15日 18:06:35 作者：
想要實現(xiàn)如題所示:父窗體需要頂一個show()方法，具體實現(xiàn)代碼如下，感興趣的朋友可以參考下哈，希望對大家有所幫助
opener.show();
父窗體需要頂一個show() 方法
父面頁代碼：
<!DOCTYPE HTML PUBLIC "-//IETF//DTD LEVEL1//EN">
<html>
<head>
<title>html.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">-->
</head>
<body>
<div>
<button id="btn">open new page</button>
</div>
<script>
window.onload=function(){
var btn = document.getElementById("btn");
btn.onclick = openPage;
function openPage(){
try {
window.open('newpage.html');
}catch(e){
alert(e);
}
//alert("ok");
}
}
function show(){
document.title=new Date();
}
</script>
</body>
</html>
newpage.html 代碼 需要打開的頁面
<!DOCTYPE HTML PUBLIC "-//IETF//DTD LEVEL1//EN">
<html>
<head>
<title>newpage.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">-->
</head>
<body>
<button id="btn" onclick="fun()">單擊</button>
<script>
function fun(){
opener.show();
}
</script>
</body>
</html>
父窗體需要頂一個show() 方法
父面頁代碼：
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//IETF//DTD LEVEL1//EN">
<html>
<head>
<title>html.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">-->
</head>
<body>
<div>
<button id="btn">open new page</button>
</div>
<script>
window.onload=function(){
var btn = document.getElementById("btn");
btn.onclick = openPage;
function openPage(){
try {
window.open('newpage.html');
}catch(e){
alert(e);
}
//alert("ok");
}
}
function show(){
document.title=new Date();
}
</script>
</body>
</html>
newpage.html 代碼 需要打開的頁面
復(fù)制代碼 代碼如下:
<!DOCTYPE HTML PUBLIC "-//IETF//DTD LEVEL1//EN">
<html>
<head>
<title>newpage.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">-->
</head>
<body>
<button id="btn" onclick="fun()">單擊</button>
<script>
function fun(){
opener.show();
}
</script>
</body>
</html>
相關(guān)文章
本文給大家介紹ClearTimeout消除閃動相關(guān)知識，本文介紹的非常詳細，具有參考借鑒價值，感興趣的朋友一起學習吧2016-02-02
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡易QQ聊天界面，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-07-07
這篇文章主要介紹了js貪心算法 錢幣找零問題代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了vue+ts下對axios的封裝實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-02-02
本篇文章主要介紹了微信小程序?qū)崿F(xiàn)長按刪除圖片的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-05-05
類似QQ新聞的提示框要求頁面每隔半小時彈出一次提示消息，下面有個不錯的實現(xiàn)方法，感興趣的朋友可以參考下2013-11-11
今天在整理以前寫過的一段根據(jù)周期值自動計算下次執(zhí)行日期的js代碼，發(fā)現(xiàn)一bug,我使用parseInt對源數(shù)據(jù)串進行轉(zhuǎn)換，當輸入類似：2009-05-05時，parseInt將把串的05做8進制轉(zhuǎn)換，這樣結(jié)果自然就不對了。2009-05-05
這篇文章主要為大家詳細介紹了js html制作簡單日歷的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了js中如何精確計算加法和減法,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了JS實現(xiàn)運動緩沖效果的封裝函數(shù),涉及JavaScript時間函數(shù)與數(shù)值運算相關(guān)操作技巧,需要的朋友可以參考下2018-02-02