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 相关文章推荐
图片自动缩小的js代码,用以防止图片撑破页面
Mar 12 Javascript
jQuery中appendTo()方法用法实例
Jan 08 Javascript
JQuery 的跨域方法推荐_可跨任何网站
May 18 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
Aug 02 Javascript
基于Vue实例生命周期(全面解析)
Aug 16 Javascript
通过js控制时间,一秒一秒自己动的实例
Oct 25 Javascript
vue 使用Jade模板写html,stylus写css的方法
Feb 23 Javascript
Angular父组件调用子组件的方法
Apr 02 Javascript
Vue.js 图标选择组件实践详解
Dec 03 Javascript
详解Nuxt.js 实战集锦
Nov 19 Javascript
node使用async_hooks模块进行请求追踪
Jan 28 Javascript
vue动态绑定style样式
Apr 20 Vue.js
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
层叠菜单的动态生成
2006/10/09 PHP
坏狼php学习 计数器实例代码
2008/06/15 PHP
关于crontab的使用详解
2013/06/24 PHP
php Calender(日历)代码分享
2014/01/03 PHP
小谈php正则提取图片地址
2014/03/27 PHP
PHP自带函数给数字或字符串自动补齐位数
2014/07/29 PHP
php实现批量修改文件名称的方法
2016/07/23 PHP
php swoole多进程/多线程用法示例【基于php7nts版】
2019/08/12 PHP
在chrome中window.onload事件的一些问题
2010/03/01 Javascript
jQuery中(function(){})()执行顺序的理解
2013/03/05 Javascript
详解JavaScript基于面向对象之创建对象(2)
2015/12/10 Javascript
AngularJS 路由和模板实例及路由地址简化方法(必看)
2016/06/24 Javascript
AngularJS中的包含详细介绍及实现示例
2016/07/28 Javascript
Vue + Webpack + Vue-loader学习教程之相关配置篇
2017/03/14 Javascript
vue.js选中动态绑定的radio的指定项
2017/06/02 Javascript
Angularjs单选框相关的示例代码
2017/08/17 Javascript
Webpack框架核心概念(知识点整理)
2017/12/22 Javascript
详解Vue中数组和对象更改后视图不刷新的问题
2018/09/21 Javascript
详解CommonJS和ES6模块循环加载处理的区别
2018/12/26 Javascript
nodejs中实现修改用户路由功能
2019/05/24 NodeJs
[01:55]2014DOTA2国际邀请赛 BBC正赛第一天总结
2014/07/10 DOTA
python flask实现分页效果
2017/06/27 Python
Python autoescape标签用法解析
2020/01/17 Python
PyTorch: Softmax多分类实战操作
2020/07/07 Python
深入理解Python变量的数据类型和存储
2021/02/01 Python
跑步爱好者一站式服务网站:Jack Rabbit
2016/09/01 全球购物
欧洲领先的火车票和大巴票预订平台:Trainline
2018/12/26 全球购物
将"引用"作为函数返回值类型的格式、好处和需要遵守的规则
2016/02/09 面试题
大学生四个方面的自我评价
2013/09/19 职场文书
幼儿园大班区域活动总结
2014/07/09 职场文书
二人合伙经营协议书
2014/09/13 职场文书
机关单位工作失职检讨书
2014/11/20 职场文书
2015年银行工作总结范文
2015/04/01 职场文书
不要在HTML中滥用div
2021/05/08 HTML / CSS
用python修改excel表某一列内容的操作方法
2021/06/11 Python
小程序实现文字循环滚动动画
2021/06/14 Javascript