`
爱问知识人
  • 浏览: 27936 次
  • 性别: Icon_minigender_1
  • 来自: 石家庄
社区版块
存档分类
最新评论

JavaScript父窗口与子窗口之间的操作总结---window.open篇

阅读更多
window.open 篇


1.父窗口对子窗口操作

打开:

var win=null;
win=window.open("Open.html","win","width=200,height=200");


最大化:

//窗口最大化
function SonMaximize()
{
       if(win&&win.open&&!win.closed)
       {
              win.moveTo(-4,-4);
              win.resizeTo(screen.availWidth+8,screen.availHeight+8);
       }else{
              alert('还没有打开窗口或已经关闭');
       }
}


最小化:

//窗口最小化
function SonMinimize()

{
       if(win&&win.open&&!win.closed)
       {
              win.resizeTo(0,0);
              win.moveTo(0,window.screen.width);
       }else{
       alert('还没有打开窗口或已经关闭');
       }    
}


关闭:

//关闭窗口
function CloseSon()
{
       if(win&&win.open&&!win.closed)
       {
              win.opener=null;
              win.close()
       }else{
              alert('还没有打开窗口或已关闭') ;
       }
}

刷新:

//刷新
function RefreshSon()
{
       if(win&&win.open&&!win.closed)
       {
              win.location.reload();
              win.focus();
       }else{
              alert('窗口还没有打开或已关闭');
       }
}



查看窗口大小:

function ViewSonSize()

{
       if(win&&win.open&&!win.closed)

       {
              alert(win.document.body.clientWidth+'*'+win.document.body.clientHeight);
              win.focus();
       }else
       {
              alert(' 还没有打开窗口或者已关闭');
       }    
}

取值:

alert(window.document.getElementById("OpenDiv").innerHTML);

赋值:

win.document.getElementById("OpenDiv").innerHTML="我是从父窗口中传过来的值";


2.子窗口操作窗口


刷新:

window.opener.location.reload();
       //下面这种方法也可以
       //window.parent.location.href=window.parent.location.href;


关闭本窗口:


//关闭本窗口
function CloseWindow()

{     //window.opener.opener=null;
       window.close();
}


关闭父窗口:

//关闭父窗口
function CloseParent()
{     //火狐下不起作用,如果要想起作用。用下面的方法

     //开firefox,在地址栏输入about:config      
       //找到dom.allow_scripts_to_close_windows这项并改为true
              var IsIE = (navigator.appName == 'Microsoft Internet Explorer')
              if(IsIE){//如果是IE            
                     window.opener.opener=null;
                     window.opener.close();
                     window.close();     
              }else{

                     alert("火狐不能直接关闭;需要以下设置1.开firefox,在地址栏输入about:config;2.找到dom.allow_scripts_to_close_windows这项并改为true");
              }
}

取值:

alert(window.opener.document.getElementById("OpenDiv").innerHTML);     


赋值:

window.opener.document.getElementById("OpenDiv").innerHTML="我是从子窗口Open传过来的值"; 

注:本文转自HaojianweiBD的博客http://hi.baidu.com/haojianweibd/blog/item/7586ed7bee3a5ce62f73b35e.html,转载请注明出处。  
分享到:
评论

相关推荐

    js(javascript)子窗口和父窗口交互

    有两种方式 第一种:对于用window.open()方法打开的页面 第二种:用window.showModalDialog()

    子窗口给父窗口赋值实现思路及案例演示

    今天Insus.NET练习JavaScript,实现从父窗口打开一个子窗口,在子窗口处理一些结果之后,把结果赋值于父窗口的文本框内。可看效果: 在站点创建两个aspx页面,一个是PageA.aspx另一个是PageB.aspx: 在PageA.aspx的&...

    javascript常用对象梳理

    dependent:指定打开的窗口为当前窗口的一个子窗口,并随着父窗口的关闭而 关闭,选项的值及含义与toolbar相同; hotkeys:在没有菜单栏的新窗口中设置安全退出的热键,选项的值及含义与 toolbar相同; ...

    JavaScript新窗口与子窗口传值详解

    window.open()支持环境: JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+ window.open(pageURL,name,parameters) pageURL 为子窗口路径 name 弹出窗口的名字 parameters 为窗口参数(各参数用逗号分隔) ...

    javascript函数的解释

    19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self 20.状态栏的设置:window.status="字符"; 21.弹出提示信息:window.alert("字符"); 22.弹出确认框:window.confirm(); 23.弹出输入提示框:...

    javascript浏览器窗口之间传递数据的方法

    父窗口给子窗口传递数据是通过url的参数传递过去,子窗口给父窗口传递数据是通过父窗口的全局函数传递。 代码: index.html如下: 代码如下:<!DOCTYPE html> <html lang=”en”> <head>  

    JavaScript笔记

    JavaScript:定义行为和动作 (基于对象和事件驱动的客户端脚本语言;也是一种广泛应用于客户端Web开发的脚本语言) 基于对象:网页中的一切元素都是假象!不需要new,即可直接使用 事件驱动:JavaScript的执行都是...

    107个常用javascript语句

    19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self "fullscreen=no,channelmode=no,toolbar=no,location=no,menubar=no,scrollbas=no,resizable=no," 20.状態栏的设置:window.status=...

    JavaScript中的子窗口与父窗口的互相调用问题

    注意:要用open打开才行,如果用openModal打开则会访问不到opener. open的参数: window.open('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,resizable=no,...

    JavaScript中window.showModalDialog()用法详解

    今天在项目中用到了弹出子窗口,就想到了用JavaScript实现的两种方法,一个是window.open();一个是window.showModalDialog()方法,后者是存在父子关系的一种弹出窗口,只有子窗关闭,父窗口才激活,并且可以传送参数...

    JavaScript父子窗体间的调用方法

    为了便于父窗口操作子窗口,可以为 window.open( ) 方法定义一个变量,例如: var opW = window.open("tests.html","popup","width=300,height=300"); 这样,要关闭子窗口可直接使用:opW.close( ) 方法。 如果父...

    用javascript父窗口控制只弹出一个子窗口

    近来网上经常流传一些关于如何在父窗口控制只弹出一个子窗口 问题,我查看了一些,大部分都是只能解决部分或者很麻烦,还不算完美。比如有人是实现的这样,使用的是Cookie,以下是例子。  主页上做了一个弹出窗口...

    用javascript实现始终保持打开同一个子窗口以及关闭父窗口同时自动关闭所有子窗口

    今天在网上看到这篇文章,感觉很少会用到,但毕竟还是有些人需要这样的功能的,否则就不会有这篇文章,这篇文章主要是解决以下问题: 代码如下:1.点击一个可以打开新窗体的链接,如何实现如果窗体已打开,则将焦点转...

    深入学习JavaScript中的bom

    BOM(Broswer Object Model) 凡是 window 的属性和方法,均可以省略“window.” ...2.在子窗口中使用,表示父窗口的window对象 window.opener window.opener.fatherSayHello(); 调用父窗口的方法 window.opener.a

    javascript刷新父页面的各种方法汇总

    用iframe、弹出子页面刷新父页面iframe [removed] parent.location.reload();...子窗口刷新父窗口 [removed] self.opener.location.reload(); [removed] 刷新以open()方法打开的窗口 [removed] win

    js AspxButton的客户端操作

    javascript调用父窗口(父页面)的方法 window.parent与window.opener的区别 javascript调用主窗口方法 1: window.parent 是iframe页面调用父页面对象 2: window.opener 是window.open 打开的子页面调用父页面对象...

    JavaScript对象、属性、事件手册集合方便查询

    windows对象 每个HTML文档的顶层对象. 属性 frames[] 子桢数组.... name 内部名,为由window.open()方法打开的窗口定义的名字. windows方法 alert(“message”) 显示含有给定消息的”JavaScri

    不提示直接关闭网页窗口的JS示例代码

    在IE7、IE8中,使用JavaScript提供的close()方法都可以关闭当前窗口或标签,但都提示讨厌的对话框,找了下代码,终于可以无提示直接关闭了。 JavaScript代码 代码...对于父窗口打开子窗口,点击子窗口关闭,同时关闭

    javascript刷新父页面方法汇总详解

    1.用iframe、弹出子页面刷新父页面iframe [removed]  parent.location.reload();...3.子窗口刷新父窗口 [removed] self.opener.location.reload(); [removed] 4.刷新以open()方法打开的窗口 <script language=J

    XML轻松学习手册--XML肯定是未来的发展趋势,不论是网页设计师还是网络程序员,都应该及时学习和了解

    看上面的"结构树",其中是父元素,,是它的子元素,而又是的子元素。象这样没有包含任何子元素的最后一级元素我们也称之为"页元素"。 4.Parser(解析软件) Parser是一种检查XML文档是否遵循DTD规范的工具软件。 ...

Global site tag (gtag.js) - Google Analytics