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编程起步(第五课)
Jan 10 Javascript
php gethostbyname获取域名ip地址函数详解
Jan 24 Javascript
return false;和e.preventDefault();的区别
Jul 11 Javascript
JavaScript EasyPager 分页函数
May 25 Javascript
用JQuery在网页中实现分隔条功能的代码
Aug 09 Javascript
js判断变量是否未定义的代码
Mar 28 Javascript
js省市联动效果完整实例代码
Dec 09 Javascript
js仿淘宝评价评分功能
Feb 28 Javascript
JavaScript用200行代码制作打飞机小游戏实例
Jun 21 Javascript
EasyUI的DataGrid每行数据添加操作按钮的实现代码
Aug 22 Javascript
vue-form表单验证是否为空值的实例详解
Oct 29 Javascript
jQuery实现鼠标放置名字上显示详细内容气泡提示框效果的方法分析
Apr 04 jQuery
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
Apache中php.ini的设置方法
2013/02/28 PHP
THINKPHP支持YAML配置文件的设置方法
2015/03/17 PHP
JavaScript与HTML结合的基本使用方法整理
2015/10/12 PHP
PHP使用内置函数生成图片的方法详解
2016/05/09 PHP
PHP url的pathinfo模式加载不同控制器的简单实现
2016/08/12 PHP
PHP基础之输出缓冲区基本概念、原理分析
2019/06/19 PHP
根据鼠标的位置动态的控制层的位置
2009/11/24 Javascript
JavaScript 实现类的多种方法实例
2013/05/01 Javascript
jQuery插件formValidator自定义函数扩展功能实例详解
2015/11/25 Javascript
两种js监听滚轮事件的实现方法
2016/05/13 Javascript
JS实现六位字符密码输入器功能
2016/08/19 Javascript
Web打印解决方案之普通报表打印功能
2016/08/29 Javascript
微信小程序实现给循环列表添加点击样式实例
2017/04/26 Javascript
Vue的事件响应式进度条组件实例详解
2018/02/04 Javascript
浅谈Vue响应式(数组变异方法)
2018/05/07 Javascript
Vue-router的使用和出现空白页,路由对象属性详解
2018/09/03 Javascript
提升node.js中使用redis的性能遇到的问题及解决方法
2018/10/30 Javascript
javascript数组去重方法总结(推荐)
2019/03/20 Javascript
jQuery实现动态添加和删除input框实例代码
2019/03/26 jQuery
Python 自动化表单提交实例代码
2017/06/08 Python
Python中字典的浅拷贝与深拷贝用法实例分析
2018/01/02 Python
python实现ID3决策树算法
2018/08/29 Python
django项目搭建与Session使用详解
2018/10/10 Python
Python mutiprocessing多线程池pool操作示例
2019/01/30 Python
解决yum对python依赖版本问题
2019/07/05 Python
Python-copy()与deepcopy()区别详解
2019/07/12 Python
pytorch 数据处理:定义自己的数据集合实例
2019/12/31 Python
你需要学会的8个Python列表技巧
2020/06/24 Python
html5中localStorage本地存储的简单使用
2017/06/16 HTML / CSS
Charles & Colvard官网:美国莫桑石品牌
2019/06/05 全球购物
亚洲领先的设计购物网站:Pinkoi
2020/11/26 全球购物
团代会宣传工作方案
2014/05/08 职场文书
电钳工人个人求职信
2014/05/10 职场文书
2014年底工作总结
2014/12/15 职场文书
信用卡工资证明范本
2015/06/19 职场文书
生活委员竞选稿
2015/11/21 职场文书