js中window.opener和window.parent的用法
在最近開發的web專案中,經常用到頁面中巢狀很多的頁面,頁面間的傳值。
現在總結如下:
1.window.self就表示當前開啟的視窗
2.window.top就表示最頂層的視窗(假如說你在一個窗口裡面有嵌套了其他一些視窗,那麼top就表示這個最頂層的視窗)
3.window.parent----是iframe頁面呼叫父頁面物件
舉例;
a.html
<html>
<head><title>父頁面</title></head>
<body>
<form name="form1" id="form1">
<input type="text" name="username" id="username"/>
</form>
<iframe src=\'#\'" width=100%></iframe>
</body>
</html>
需求:如果我們要在b.html中要對a.html中username文字框賦值,
就如很多上傳功能,上傳功能也在Iframe中,上傳成功後把上傳後
的路徑放到父頁面中文字框中去。
那我們就應該在b.html中寫;
<script type="text/javaScript>
var _parentWin=window.parent;
_parentWin.form1.username.value="xxxx";
</script>
4.window.opener----是window.open開啟的子頁面物件呼叫父頁面物件
self代表自身視窗,是對當前window物件的引用,與window屬性同義
opener:代表開啟自身的那個視窗,比如視窗A開啟視窗B,如果靠window.open方法,
則對於視窗B,self代表B自己,而opener視窗代表A
Parent物件、Frame物件、Document物件和Form物件的階層關係-----id
Window物件→Parent物件→Frame物件→Document物件→Form物件,如下:
parent.frame1.document.forms[0].elements[0].value;
相關推薦
js中window.opener和window.parent的用法
在最近開發的web專案中,經常用到頁面中巢狀很多的頁面,頁面間的傳值。 現在總結如下: 1.window.self就表示當前開啟的視窗 2.window.top就表示最頂層的視窗(假如說你在一個窗口裡面有嵌套了其他一些視窗,那麼top就表示這個最頂層的視窗) 3.window.parent----是ifr
window.opener和window.open的使用
菜單 參數 一行代碼 zab 高度 操作 opener ati ble window.opener和window.open的使用 window.opener是指調用window.open方法的窗口。window.opener 返回的是創建當前窗口的那個窗口的引用,比如點擊了
js 中call() 方法和 apply() 方法用法總結
以前對js 的call() 和 apply() 方法的理解一直比較模糊,模稜兩可的狀態,今天閒著有空,在網上查找了相關資料做一下總結 1, 每個函式都包涵兩個非繼承而來的方法,call() 方法 和apply() 方法。 2,相同點兩個方法的作用都是一樣的。 都是在特定的作用域中呼叫
前端---js中的call和apply方法用法
最近看到JavaScript中關於call()和apply()方法可以用來呼叫函式的動態呼叫和實現偽繼承兩種功能,今天在這裡給大家詳細介紹一下. 1.call()函式 函式引用.call(呼叫者,引數1,引數2...) 等同於:呼叫者.函式(引數1,引數2...)=函
js中的typeof和instanceof的用法和區別(附型別判斷方法)
typeof 作用:用於判斷一個一個表示式,(物件或者原始值),返回一個字串。 返回的可能的值(摘自mdn) 型別 結果 Undefined "undefined" Null "object" (歷史遺留問題) Boolean "boolean" Number "num
JS中window.open和window.opener的使用
BActionpublic void save(HttpServletRequest request,HttpServletResponse response) { StduentSave(); PrintWriter pw = response.getWriter(); String jsAlert
js 中實現頁面跳轉的方法(window.location和window.open的區別)
<html> <head> <script language="javascript"><!-- function old_page() { window.location = "http:
淺談JS中的!=、== 、!==、===的用法和區別 JS中Null與Undefined的區別 讀取XML文件 獲取路徑的方式 C#中Cookie,Session,Application的用法與區別? c#反射 抽象工廠
main 收集 data- 時間設置 oba ase pdo 簡單工廠模式 1.0 var num = 1; var str = ‘1‘; var test = 1; test == num //true 相同類型 相同值 te
window.open()和window.showModalDialog中參數傳遞
yslow dst 非模態 中文 jscript process left proc dsa 轉載地址:http://www.jb51.net/article/60507.htm 本文實例講述了js的window.showModalDialog及window.open用法。
js中&&和||的另類用法總結
&& || 用法註意:|| 和&& 可以運用在任何類型的數據上js中&&和||的另類用法總結
js中獲取時間new date()的用法和獲取時間戳
etsec 開始 ava time() 方法 spa value 元素 index 獲取時間: 1 var myDate = new Date();//獲取系統當前時間 獲取特定格式的時間:
window.open和window.opener
har lock csrf views mode 第一個 action token div window.open是用來打開一個新窗口的;window.opener是調用父級窗口 舉個栗子: 1.index.html頁面: <!DOCTYPE html> &l
JS中的call和apply用法
//基本用法 var a = [1, 2]; function cut(a, b) { console.log(a - b) }; cut.apply(a, [a[0], a[1]]); //-1 cut.call(a, a[0], a[1]) //-1 //實現繼承 fu
JS中的!=、== 、!==、=== 的用法和區別
<script type="text/javascript" src="jquery-3.2.1.js"></script> <script type="text/javascript"> $(function () { var v=1; var v1='
js中top.location.href、parent.location.href用法
在很多朋友不清楚在js中window.location.href、location.href、parent.location.href、top.location.href他們的用法,下面我來分別介紹。 window.location.href、location.hre
如何讓安卓WebView支援js呼叫window.open()和window.close()的方法。
最近專案中遇到一個webview開發時的問題,web前端開發人員在網頁上實現了一個功能。功能是在A html頁面,開啟一個新的B html頁面,然後再B頁面中選擇一個聯絡人,把值返回給A頁面。做web開發的朋友應該知道,這個需要在A中通過window.open()開啟B,在
window.open和window.location.href的幾種用法
因為要讓window.open不在新視窗開啟,所以找了一些資料 windows.open("URL","視窗名稱","視窗外觀設定"); <A href="javascript:window.open('webpage.asp','_self')"> 點選這裡 </A> <a
JS中數組和對象的區別
src 區別 nbsp log 對象 img images image ima JS中數組和對象的區別
JS中的toString()和valueOf()方法
object div 國標 erro 默認 時間 ror 方法 中國 1、toString()方法:主要用於Array、Boolean、Date、Error、Function、Number等對象轉化為字符串形式。日期類的toString()方法返回一個可讀的日期和字符串。
js中的call和apply簡單演示
想象 規則 簡單 提升 道理 win 多重繼承 類型 時間 對於想要深入研究js的小夥伴們,call和apply好像就是基礎中的基礎,因為什麽呢?如果你好好看過jq還有一些新的框架,你就會發現,他們最底層的封裝方法就是各種回調。這樣的好處就是省去了開發者要寫大量代