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 相关文章推荐
jquery复选框checkbox实现删除前判断
Apr 20 Javascript
JavaScript获取表单内所有元素值的方法
Apr 02 Javascript
JS与jQuery遍历Table所有单元格内容的方法
Dec 07 Javascript
JQuery日历插件My97DatePicker日期范围限制
Jan 20 Javascript
基于Javascript实现倒计时功能
Feb 22 Javascript
又一款js时钟!transform实现时钟效果
Aug 15 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
Jul 06 Javascript
详细AngularJs4的图片剪裁组件的实例
Jul 12 Javascript
vue.js 实现点击按钮动态添加li的方法
Sep 07 Javascript
Vue 中的受控与非受控组件的实现
Dec 17 Javascript
JS实现简单移动端鼠标拖拽
Jul 23 Javascript
解决Ant Design Modal内嵌Form表单initialValue值不动态更新问题
Oct 29 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函数解决SQL injection
2006/10/09 PHP
php 在文件指定行插入数据的代码
2010/05/08 PHP
PHP获取用户的浏览器与操作系统信息的代码
2012/09/04 PHP
php sybase_fetch_array使用方法
2014/04/15 PHP
Laravel使用原生sql语句并调用的方法
2019/10/09 PHP
PHP基于ip2long实现IP转换整形
2020/12/11 PHP
分享27款非常棒的jQuery 表单插件
2011/03/28 Javascript
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
2012/05/30 Javascript
js实现图片和链接文字同步切换特效的方法
2015/02/20 Javascript
js拆分字符串并将分割的数据放到数组中的方法
2015/05/06 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
2015/05/25 Javascript
JavaScript运行过程中的“预编译阶段”和“执行阶段”
2015/12/16 Javascript
JSON简介以及用法汇总
2016/02/21 Javascript
js调用webservice构造SOAP进行身份验证
2016/04/27 Javascript
从零开始学习Node.js系列教程二:文本提交与显示方法
2017/04/13 Javascript
electron+vue实现div contenteditable截图功能
2020/01/07 Javascript
ES6 Symbol在对象中的作用实例分析
2020/06/06 Javascript
vue点击按钮实现简单页面的切换
2020/09/08 Javascript
[22:59]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python编程开发之日期操作实例分析
2015/11/13 Python
matplotlib 输出保存指定尺寸的图片方法
2018/05/24 Python
利用Python产生加密表和解密表的实现方法
2019/10/15 Python
python3 pathlib库Path类方法总结
2019/12/26 Python
Python使用enumerate获取迭代元素下标
2020/02/03 Python
Python selenium抓取虎牙短视频代码实例
2020/03/02 Python
pygame实现弹球游戏
2020/04/14 Python
学会python自动收发邮件 代替你问候女友
2020/05/20 Python
凯撒娱乐:Caesars Entertainment
2018/02/23 全球购物
大学生开西餐厅创业计划书
2014/02/01 职场文书
五星级酒店餐饮部总监的标准岗位职责
2014/02/17 职场文书
建房协议书
2014/04/11 职场文书
党的群众路线教育实践活动个人剖析材料
2014/10/07 职场文书
聘任合同书
2015/09/21 职场文书
创业计划书之甜品店
2019/09/18 职场文书
CSS3 天气图标动画效果
2021/04/06 HTML / CSS
Redis集群新增、删除节点以及动态增加内存的方法
2021/09/04 Redis