js 调用父窗口的具体实现代码


Posted in Javascript onJuly 15, 2013

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>
Javascript 相关文章推荐
javascript在网页中实现读取剪贴板粘贴截图功能
Jun 07 Javascript
javascript操作字符串的原生方法
Dec 22 Javascript
javascript实现回到顶部特效
May 06 Javascript
三分钟带你玩转jQuery.noConflict()
Feb 15 Javascript
js实现(全选)多选按钮的方法【附实例】
Mar 30 Javascript
js鼠标单击和双击事件冲突问题的快速解决方法
Jul 11 Javascript
AngularJs directive详解及示例代码
Sep 01 Javascript
Angular和百度地图的结合实例代码
Oct 19 Javascript
详解Vue单元测试Karma+Mocha学习笔记
Jan 31 Javascript
Vue中使用matomo进行访问流量统计的实现
Nov 05 Javascript
从0搭建vue-cli4脚手架
Jun 17 Javascript
基于vue--key值的特殊用处详解
Jul 31 Javascript
JavaScript实现点击按钮后变灰避免多次重复提交
Jul 15 #Javascript
JS 去前后空格大全(IE9亲测)
Jul 15 #Javascript
Ext中下拉列表ComboBox组件store数据格式用法介绍
Jul 15 #Javascript
ExtJs设置GridPanel表格文本垂直居中示例
Jul 15 #Javascript
鼠标移动到图片名上,显示图片的简单实例
Jul 14 #Javascript
JS中获取数据库中的值的方法
Jul 14 #Javascript
js 实现日期灵活格式化的小例子
Jul 14 #Javascript
You might like
基于PHP的cURL快速入门教程 (小偷采集程序)
2011/06/02 PHP
PHP 生成微信红包代码简单
2016/03/25 PHP
PHP基于XMLWriter操作xml的方法分析
2017/07/17 PHP
Highslide.js是一款基于js实现的网页中图片展示插件
2020/03/30 Javascript
用cookies实现的可记忆的样式切换效果代码下载
2007/12/24 Javascript
jquery 操作表格实现代码(多种操作打包)
2011/03/20 Javascript
js返回上一页并刷新代码整理
2012/12/21 Javascript
深入探密Javascript数组方法
2015/01/08 Javascript
js实现input框文字动态变换显示效果
2015/08/19 Javascript
JavaScript使用键盘输入控制实现数字验证功能
2016/08/19 Javascript
用JS动态设置CSS样式常见方法小结(推荐)
2016/11/10 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
2017/04/27 Javascript
JavaScript类的继承方法小结【组合继承分析】
2018/07/11 Javascript
layer页面跳转,获取html子节点元素的值方法
2019/09/27 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
2020/07/16 Javascript
[01:09:50]VP vs Pain 2018国际邀请赛小组赛BO2 第二场
2018/08/20 DOTA
[44:43]完美世界DOTA2联赛决赛日 FTD vs GXR 第一场 11.08
2020/11/11 DOTA
详解Python使用tensorflow入门指南
2018/02/09 Python
python实现验证码识别功能
2018/06/07 Python
python读取txt文件中特定位置字符的方法
2018/12/24 Python
基于Django ORM、一对一、一对多、多对多的全面讲解
2019/07/26 Python
Python标准库itertools的使用方法
2020/01/17 Python
python加密解密库cryptography使用openSSL生成的密匙加密解密
2020/02/11 Python
Python 程序报错崩溃后如何倒回到崩溃的位置(推荐)
2020/06/23 Python
Django REST 异常处理详解
2020/07/15 Python
CSS3 选择器 属性选择器介绍
2012/01/21 HTML / CSS
美国高档百货Nordstrom的折扣店:Nordstrom Rack
2017/11/13 全球购物
网上常见的一份Linux面试题(多项选择部分)
2015/02/07 面试题
解释下面关于J2EE的名词
2013/11/15 面试题
工厂厂长岗位职责
2013/11/08 职场文书
2014信息公开实施方案
2014/02/22 职场文书
学校2014年度工作总结
2014/12/06 职场文书
2016年国培心得体会及反思
2016/01/13 职场文书
一篇文章带你深入了解Mysql触发器
2021/08/02 MySQL
mysql 体系结构和存储引擎介绍
2022/05/06 MySQL
mysql sock文件存储了什么信息
2022/07/15 MySQL