2. 程式人生 > >JavaScript父視窗與子視窗之間的操作總結---window.open篇

JavaScript父視窗與子視窗之間的操作總結---window.open篇

阿新 • • 發佈：2019-01-17
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，轉載請註明出處。  

相關推薦

JavaScript父視窗與子視窗之間的操作總結---window.open篇

window.open 篇 1.父視窗對子視窗操作 開啟： var win=null; win=window.open("Open.html","win","width=200,height=200"); 最大化： //視窗最大化 function SonMaximize

總結：子視窗建立及父視窗與子視窗之間通訊

1、Javascript彈出子視窗 可以通過多種方式實現，下面介紹幾種方法 (1) 通過window物件的open()方法，open()方法將會產生一個新的window視窗物件 其用法為： window.open(URL,windowName,parameters); UR

關於MFC中 父視窗與子視窗 子視窗與子視窗之間的資訊傳遞及控制

因為專案的需要，某子視窗B的設定變動，經常需要聯動其他子視窗C，或者父視窗A控制元件的名稱更新，資料更新等等問題。再網上查了許久，不得解 ，特拋磚引玉，提供幾種思路。      以下都以A為父視窗，A1為A中的Tab控制元件， B和C為子視窗被非模態創建於A1上，所以之間的

【轉載】WPF父視窗與子視窗的關係之——視窗層次關係及其上下位置分佈

原文地址：http://www.cnblogs.com/zhouyinhui/archive/2008/12/02/1345580.html 假設有這樣兩個窗體：RootWindow，SubWindow，在RootWindow中引發某事件而顯示SubWindow 1，如果彈出窗體（比如Sub

WPF:父視窗與子視窗的層次關係

關於子窗體的層級關係總結一下哈，希望能對大家有些幫助假設有這樣兩個窗體：RootWindow，SubWindow，在RootWindow中引發某事件而顯示SubWindow 1，如果彈出窗體（比如SubWindow）僅僅是呼叫Show方法，並且沒有設定其Owner屬性： C

關於css中父元素與子元素之間margin-top的問題

可用 技術分享 一個 src 文檔流 重疊 cond one left 之前在使用經常遇到下面的問題： html： 1 <div class="top"> 2 <div class="one">I‘m the first!</div&

Vue學習之路（六）---父元件與子元件之間的資料傳遞

前面我講了基本元件的寫法，現在一起學下父元件怎樣傳遞資料到子元件，以及子元件傳遞資料到父元件的 1.父元件傳遞資料到子元件 1.1 通過props傳遞 父元件App.vue中 <component-a big-num=98></component-a&g

vue元件，父元件與子元件之間通訊

vue元件，元件是一個可複用的功能模組，即將具有相同功能的模組抽取成一個元件，在需要的地方引用即可，這體現了程式碼封裝的思想，下面看一下元件是如何實現： // 定義一個名為 button-counter 的新元件 Vue.component('button-counter',

Vue 父元件與子元件之間傳值

一、父元件與子元件之間值傳遞步驟如下： 例如：我有一個父元件Myhome.vue 和一個子元件Header.vue 1、父元件呼叫子元件的時候，動態繫結屬性值 <v-myheader :title="title"></v-myheader> 2、在子元件使用&nb

margin塌陷問題：父元素與子元素之間的margin-top問題

1.邊界疊加有幾種情況： 元素的頂邊界與前面元素的底邊界發生疊加； 元素的頂邊界與父元素的頂邊界發生疊加； 空元素的頂邊界與底邊界發生疊加； 空元素中已經疊加的邊界與另一個空元素的邊界發生疊加。 2.解決方案： （1）為外層元素新增padding-top進行模擬； （2）新

vue中子元件的拆分 父元件與子元件之間的傳值

vue是元件式開發，儘量獨立出子元件 prop()：父元件傳值給子元件 $emit()：子元件傳值給父元件 子元件中的設定： 使用bind <template> 　　: default-checked = "check" 　　@chec

java基礎：父類與子類之間變數和方法的呼叫

1)父類建構函式 java中當呼叫某個類的構造方法的時候，系統總會呼叫父類的非靜態初始化塊進行初始化，這個呼叫是隱式的，而且父類的靜態初始化程式碼 塊總是會被執行，接著呼叫父類的一個或者多個構造器執行初始化，這個呼叫也可以通過super進行顯式呼叫。 例如： 父類程式碼如下

Java中靜態程式碼塊、構造方法、程式碼塊、父類與子類之間執行順序

【1】幾個概念 靜態程式碼塊 在java中使用static關鍵字宣告的程式碼塊。每個靜態程式碼塊只會執行一次。JVM在載入類時會執行靜態程式碼塊，靜態程式碼塊先於主方法執行。 注意： 靜態程式碼塊不能存在於任何方法體內； 靜態程式碼塊不能直接訪問靜態例項變數和例

Vue2.x父元件與子元件之間的雙向繫結

最近在研究如何寫一套基於Vue2.x的UI元件給自己用，提升一點BIG，在製作含有input的元件遇到一個問題：不知怎樣才能把子元件中input與呼叫者（父元件）的資料實現雙向繫結，想過使用Vuex，但觀摩了一下其他優秀的UI框架，發現使用Vuex會給其他使用者造成麻煩，於

iframe父頁面與子頁面之間的元素獲取與方法呼叫

父頁面與子頁面之間的元素獲取與方法呼叫： 1、JS 父調子 子調父 元素 window.frames[iframe的name屬性值]; ① window.parent.document.getEle

js實現父視窗和子視窗傳遞資料

js實現父視窗和子視窗傳遞資料 1.test.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>父視窗</title> <sc

windows視窗分析，父視窗，子視窗，所有者視窗

https://blog.csdn.net/u010983763/article/details/53636831 在Windows應用程式中，視窗是通過控制代碼HWND來標識的，我們要對某個視窗進行操作，首先就要獲取到這個視窗的控制代碼，這就是視窗和控制代碼的聯絡。 （本文嘗試通過一些簡單

iframe父與子頁面，子與子頁面之間互動

1.設定父iframe的高度 var currentHeight = document.body.scrollHeight; var pIframe=$(window.parent.docu

iframe.contentWindow 屬性：關於contentWindow和contentDocument區分 jquery 獲取父視窗的元素、父視窗、子視窗

    定義和用法 　　contentDocument 屬效能夠以 HTML 物件來返回 iframe 中的文件，可以通過所有標準的 DOM 方法來處理被返回的物件。 　　語法：frameObject.contentWindow，或者 iframeObj

父視窗與擁有者視窗(Parent VS Owner)

Owner 在視窗建立時指定，以後不能更改。“一旦擁有，一直擁有”。Parent 可以再建立時指定，以後可以更改。“父親可以是繼父”。一、 視窗的Parent、Owner關係    視窗有兩種可能的上下級關係，一種是Owner，一種是parent。    建立視窗時，有WS_