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 22 Javascript
Jquery在指定DIV加载HTML示例代码
Feb 17 Javascript
Jquery对数组的操作技巧整理
Mar 25 Javascript
javascript使用prototype完成单继承
Dec 24 Javascript
js判断鼠标位置是否在某个div中的方法
Feb 26 Javascript
开源免费天气预报接口API及全国所有地区代码(国家气象局提供)
Dec 26 Javascript
Angular企业级开发——MVC之控制器详解
Feb 20 Javascript
vue实现打印功能的两种方法
Sep 07 Javascript
在vue中使用echarts图表实例代码详解
Oct 22 Javascript
Vuex 单状态库与多模块状态库详解
Dec 11 Javascript
js实现倒计时秒杀效果
Mar 25 Javascript
JavaScript实现Excel表格效果
Feb 07 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/11/26 PHP
PHP页面间传递参数实例代码
2008/06/05 PHP
基于Laravel 多个中间件的执行顺序详解
2019/10/21 PHP
Apache站点配置SSL强制跳转443
2021/03/09 Servers
用JavaScript事件串连执行多个处理过程的方法
2007/03/09 Javascript
基于jquery的表头固定的若干方法
2011/01/27 Javascript
jQuery实现图片加载完成后改变图片大小的方法
2016/03/29 Javascript
Highcharts入门之简介
2016/08/02 Javascript
jQuery将表单序列化成一个Object对象的实例
2016/11/29 Javascript
移动端点击态处理的三种实现方式
2017/01/12 Javascript
canvas绘制万花筒效果(代码分享)
2017/01/20 Javascript
NodeJs测试框架Mocha的安装与使用
2017/03/28 NodeJs
angular.JS实现网页禁用调试、复制和剪切
2017/03/31 Javascript
layerUI下的绑定事件实例代码
2018/08/17 Javascript
JavaScript中的一些实用小技巧总结
2019/04/07 Javascript
Vue触发隐藏input file的方法实例详解
2019/08/14 Javascript
从零搭一个自用的前端脚手架的方法步骤
2019/09/23 Javascript
vue+elementUi 实现密码显示/隐藏+小图标变化功能
2020/01/18 Javascript
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
2020/07/21 Javascript
jquery轮播图插件使用方法详解
2020/07/31 jQuery
python脚本实现统计日志文件中的ip访问次数代码分享
2014/08/06 Python
Flask框架响应、调度方法和蓝图操作实例分析
2018/07/24 Python
python opencv对图像进行旋转且不裁剪图片的实现方法
2019/07/09 Python
python如何调用字典的key
2020/05/25 Python
为什么说python适合写爬虫
2020/06/11 Python
HTML5中视频音频的使用详解
2017/07/07 HTML / CSS
英国现代家具和装饰网站:PN Home
2018/08/16 全球购物
说出ArrayList,Vector, LinkedList的存储性能和特性
2015/01/04 面试题
金融学专科生自我鉴定
2014/02/21 职场文书
《秋姑娘的信》教学反思
2014/02/28 职场文书
集中整治工作方案
2014/05/01 职场文书
飞机制造技术专业求职信
2014/07/27 职场文书
就业协议书样本
2014/08/20 职场文书
祝寿主持词
2015/07/02 职场文书
工商局调档介绍信
2015/10/22 职场文书
Mysql中@和@@符号的详细使用指南
2022/06/05 MySQL