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 相关文章推荐
提高代码性能技巧谈—以创建千行表格为例
Jul 01 Javascript
Web 前端设计模式--Dom重构 提高显示性能
Oct 22 Javascript
javascript实现存储hmtl字符串示例
Apr 25 Javascript
js中运算符&amp;&amp; 和 || 的使用记录
Aug 21 Javascript
JavaScript头像上传插件源码分享
Mar 29 Javascript
jQuery插件HighCharts绘制简单2D柱状图效果示例【附demo源码】
Mar 21 jQuery
jQuery中的deferred对象和extend方法详解
May 08 jQuery
深入理解vue.js中的v-if和v-show
Jun 22 Javascript
jquery插件canvaspercent.js实现百分比圆饼效果
Jul 18 jQuery
在Vue项目中引入腾讯验证码服务的教程
Apr 03 Javascript
深入了解query和params的使用区别
Jun 24 Javascript
小程序自定义轮播图圆点组件
Jun 25 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分页显示制作详细讲解
2006/10/09 PHP
微盾PHP脚本加密专家php解密算法
2020/09/13 PHP
php分页思路以及在ZF中的使用
2012/05/30 PHP
THinkPHP获取客户端IP与IP地址查询的方法
2016/11/14 PHP
PHP获取IP地址所在地信息的实例(使用纯真IP数据库qqwry.dat)
2016/11/15 PHP
PHP调试及性能分析工具Xdebug详解
2017/02/09 PHP
PHP实现基于面向对象的mysqli扩展库增删改查操作工具类
2017/07/18 PHP
PHP获取星期几的常用方法小结
2018/12/18 PHP
谈谈encodeURI和encodeURIComponent以及escape的区别与应用
2015/11/24 Javascript
深入浅析JavaScript面向对象和原型函数
2016/02/06 Javascript
jQuery 获取页面li数组并删除不在数组中的key
2016/08/02 Javascript
浅谈jquery设置和获得checkbox选中的问题
2016/08/19 Javascript
JavaScript学习总结之正则的元字符和一些简单的应用
2017/06/30 Javascript
Django中使用jquery的ajax进行数据交互的实例代码
2017/10/15 jQuery
AngularJS 实现购物车全选反选功能
2017/10/24 Javascript
javacript replace 正则取字符串中的值并替换【推荐】
2018/09/13 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
2019/01/19 Javascript
websocket4.0+typescript 实现热更新的方法
2019/08/14 Javascript
js实现九宫格布局效果
2020/05/28 Javascript
[01:25]2014DOTA2国际邀请赛 zhou分析LGD比赛情况
2014/07/14 DOTA
python pickle 和 shelve模块的用法
2013/09/16 Python
wxPython窗口的继承机制实例分析
2014/09/28 Python
利用python批量修改word文件名的方法示例
2017/10/17 Python
EM算法的python实现的方法步骤
2018/01/02 Python
PyQt5每天必学之QSplitter实现窗口分隔
2018/04/19 Python
PyQt5连接MySQL及QMYSQL driver not loaded错误解决
2020/04/29 Python
一款基于css3的动画按钮代码教程
2014/11/23 HTML / CSS
拖鞋店创业计划书
2014/01/15 职场文书
大学生毕业自我鉴定范文
2014/02/03 职场文书
法律七进实施方案
2014/03/15 职场文书
高中学生评语大全
2014/04/25 职场文书
干部作风建设个人剖析材料
2014/10/11 职场文书
学校党的群众路线教育实践活动整改措施
2014/10/25 职场文书
《观潮》教学反思
2016/02/17 职场文书
为什么 Nginx 比 Apache 更牛逼
2021/03/31 Servers
redis客户端实现高可用读写分离的方式详解
2021/07/04 Redis