JavaScript父視窗與子視窗之間的操作總結---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_