window.parent,top,window.self,parent,opener

2019獨角獸企業重金招聘Python工程師標準>>> hot3.png

在應用有frameset或者iframe的頁面時,parent是父窗口,top是最頂級父窗口(有的窗口中套了好幾層frameset或者iframe),self是當前窗口, opener是用open方法打開當前窗口的那個窗口。

window.self

功能:是對當前窗口自身的引用。它和window屬性是等價的。

語法:window.self

注:window、self、window.self是等價的。

window.top

功能:返回頂層窗口,即瀏覽器窗口。

語法:window.top

注:如果窗口本身就是頂層窗口,top屬性返回的是對自身的引用。

window.parent

功能:返回父窗口。

語法:window.parent

注:如果窗口本身是頂層窗口,parent屬性返回的是對自身的引用。

在框架網頁中,一般父窗口就是頂層窗口,但如果框架中還有框架,父窗口和頂層窗口就不一定相同了。

判斷當前窗口是否在一個框架中:

<script type="text/javascript"> var b = window.top!=window.self; document.write( "當前窗口是否在一個框架中:"+b ); </script>

你應當將框架視為窗口中的不同區域,框架是瀏覽器窗口中特定的部分。一個瀏覽器窗口可以根據你的需要分成任意多的框架,一個單個的框架也可以分成其它多個框架,即所謂的嵌套框架。

js中opener和parent的區別 opener即誰打開我的,比如A頁面利用window.open彈出了B頁面窗口,那么A頁面所在窗口就是B頁面的

opener,在B頁面通過opener對象可以訪問A頁面。

parent表示父窗口,比如一個A頁面利用iframe或frame調用B頁面,那么A頁面所在窗口就是B頁面的parent。在JS 中,window.opener只是對彈出窗口的母窗口的一個引用。比如:a.html中,通過點擊按鈕等方式window.open出一個新的窗口 b.html。那么在b.html中,就可以通過window.opener(省略寫為opener)來引用a.html,包括a.html的 document等對象,操作a.html的內容。 假如這個引用失敗,那么將返回null。所以在調用opener的對象前,要先判斷對象是否為null,否則會出現“對象為空或者不存在”的JS錯誤。

<html> <body> <form. name=form1> <input type=text name=inpu > <input type=button > </form> </body> </html> -------------------------------- back2opener.html -------------------------------- <html> <body> <form. name=form1> <input type=text name=inpu >

<a class="under" href=# >添加</a>

</form> </body> </htmlwindow.opener 返回的是創建當前窗口的那個窗口的引用,比如點擊了a.htm上的一個鏈接而打開了b.htm,然后我們打算在b.htm上輸入一個值然后賦予a.htm上的一個id為“name”的textbox中,就可以

寫為: window.opener.document.getElementByIdx_x_x("name").value = "輸入的數據";

常見的誤區: 父頁面 window.open( 'open.jsp?City= '+strCity, ' ', 'width=252, height=100, scrollbars=no '); 子頁面open.jsp window.parent.maplet.clean(); 報錯為window.parent.maplet為空或不是對象! 什么原因呢?別的沒有問題! 錯誤原因: window.parent 表示當前框架的父框架, 如果子窗口不在框架中,那么就為空, 不是表示子窗口和父窗口的關系, 是框架之間的關系。 如果子窗口不在框架中,即通過A.html的一個鏈接打開的 B.html頁面,在B.html引用A.html的表單元素時,可以這樣寫: window.opener.document.formname.maplet 其中formname是你父窗口中form的名字

轉載于:https://my.oschina.net/abbchina/blog/2085985

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/450639.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/450639.shtml
英文地址,請注明出處:http://en.pswp.cn/news/450639.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

ALM 中查看某個 test 的更改 history 歷史

ALM 中要查看某個 test 更改歷史&#xff0c; 需要下面兩個表&#xff1a;AUDIT_LOG and AUDIT_PROPERTIES------- Get Test modification history -------- ---- In ALM, 857, if filter out test case named 26169502, check its History. In the history, for the node of d…

編譯器vs.代碼 誰之過

摘要&#xff1a;編譯器是將程序語言編譯成機器語言的一種高級程序。如今許多編譯器越發智能&#xff0c;在編譯不通過的情況&#xff0c;你的代碼甚至都無法運行&#xff0c;那么到底是編譯的問題還是您的代碼問題呢&#xff1f; 許多程序員喜歡抱怨編譯器報出的各做錯誤&…

Android 在 Google 開發者大會上發布了哪些更新? | Google 開發者大會 2018

有哪些新的 Android 系統特性 Google Play 上的 targetVersion 要求 2018年8月 新應用發布必須為26或者更高2018年11月 升級現有應用必須為26或者更高2019年之后 新發布或者升級應用必須為一年內發布的 Android 版本工信部已經出臺相應的政策&#xff0c;中國主流的應用市場也已…

兩個不同的數據庫如何跨庫事務

首先我們要明白同一實例&#xff0c;簡單來說就是一個ip&#xff0c;如果兩個數據庫位于同一個ip&#xff0c;就是同一實例。其實實例并不相當于ip&#xff0c; 他其實相當于服務&#xff0c;也就是serve。 這樣的兩個或多個就可以跨庫事務&#xff0c;比如 begin; insert in…

鏈表排序(冒泡、選擇、插入、快排、歸并、希爾、堆排序)

參考http://www.cnblogs.com/TenosDoIt/p/3666585.html 插入排序&#xff08;算法中是直接交換節點&#xff0c;時間復雜度O&#xff08;n^2&#xff09;,空間復雜度O&#xff08;1&#xff09;&#xff09; 1 class Solution {2 public:3 ListNode *insertionSortList(Lis…

zookeeper使用和原理探究

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 zookeeper介紹 zookeeper是一個為分布式應用提供一致性服務的軟件&#xff0c;它是開源的Hadoop項目中的一個子項目&#xff0c;并且根據…

thinkphp如何部署到寶塔面板nginx服務器

原理&#xff1a;一般本地都會使用apache服務器&#xff0c;這個對pathinfo&#xff08;兩個&#xff0c;一個是環境變量$_SERVER[PATH_INFO]&#xff0c;另一個是pathinfo函數&#xff09;路由解析非常支持的&#xff0c;不需要部署什么&#xff0c; 但是nginx是對pathinfo函…

Android獲取所有應用的資源id和對應的uri

背景在某些應用中&#xff0c;為了實現應用apk資源放入重復利用&#xff0c;或者使用反射得到本應用的資源&#xff0c;需要使用反射方式獲得&#xff0c;但Resources類中也自帶了這種獲取方式&#xff0c;并且功能更加強大你可以獲取string,color,drawable,raw,xml等文件&…

nginx的腳本引擎(一)

nginx的腳本的語法和shell是很像的&#xff0c;我大致看了一下覺得挺有意思的&#xff0c;就想寫寫記錄一下。我沒看過shell腳本的引擎&#xff0c;不知道nginx腳本引擎和shell腳本引擎像不像&#xff0c;但是我覺得nginx的腳本引擎有點像C和匯編。 ngx_http_script_engine_t這…

一個待辦事列表todolist

最近有位老師讓我做的&#xff0c;圖片在下面&#xff0c;做了4個多小時&#xff0c;ui有的簡陋&#xff0c;可以再美化一下&#xff0c;這個會更好看&#xff0c;畢竟我也不是專業前端&#xff0c;測試網站http://todolist.sshouxin.top/使用的是thinkphp5.1的框架&#xff0c…

詳細說明 SourceTree 免登錄,跳過初始設置的方法(Windows 版 )

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 1. 首先&#xff0c;安裝完 SourceTree 以后先運行一次&#xff0c;彈出初始化登錄頁面后退出。 2. 進入這個文件夾&#xff1a;C:\Users…

什么是好的API設計?

摘要&#xff1a;有人言&#xff0c;API設計是編程工作中最難的事情。甚至有人認為至少要有10年的工作經驗才能接觸它。不過這里提出了一個引人思考的問題&#xff1a;究竟是構建什么樣的庫需要花費10年的時間去學習&#xff1f; 有人言&#xff0c;API設計是編程工作中最難的事…

Linux學習記錄-文件、目錄與磁盤

用戶和群組 用戶和群組主要是為了區分用戶對文件的操作權限。 賬號在/etc/passwd個人密碼在/etc/shadow組信息在/etc/group 不要亂動這3個文件文件權限和目錄配置 文件屬性 文件前綴解釋&#xff0c;例如&#xff1a; 第一個字符代表這個文件是『目錄、文件或鏈接文件等等』&am…

php curl模擬https請求

https請求(支持GET和POST) function http_request($url,$data null){$curl curl_init();curl_setopt($curl, CURLOPT_URL, $url);curl_setopt($curl, CURLOPT_SSL_VERIFYPEER, FALSE);curl_setopt($curl, CURLOPT_SSL_VERIFYHOST, FALSE);if(!empty($data)){curl_setopt($cur…

springboot集成環信sdk報錯

import io.swagger.client.ApiException; import io.swagger.client.api.MessagesApi; import io.swagger.client.model.Msg 這個是因為少兩個包&#xff0c;只需要把在你的pom.xml添加以下代碼即可&#xff0c;不要忘記點贊哈只需要添加兩個包即可&#xff0c;你可以自行網上下…

解決 error: Your local changes to the following files would be overwritten by merge:XXXX

前些天發現了一個巨牛的人工智能學習網站&#xff0c;通俗易懂&#xff0c;風趣幽默&#xff0c;忍不住分享一下給大家。點擊跳轉到教程。 idea 上將本地代碼推送到 git后 , 報錯如下圖 error: Your local changes to the following files would be overwritten by merge:src/…

深度有趣 | 30 快速圖像風格遷移

簡介 使用TensorFlow實現快速圖像風格遷移&#xff08;Fast Neural Style Transfer&#xff09; 原理 在之前介紹的圖像風格遷移中&#xff0c;我們根據內容圖片和風格圖片優化輸入圖片&#xff0c;使得內容損失函數和風格損失函數盡可能小 和DeepDream一樣&#xff0c;屬于網絡…

轉型從思維習慣的轉變開始

摘要&#xff1a;首先建議大家不要輕易轉向管理崗位&#xff0c;要認清自己是否適合做管理。轉型過程中應把握好幾點&#xff1a;良好的技術基礎&#xff0c;它是贏得團隊信任的前提&#xff0c;是把握團隊整體方向的關鍵&#xff1b;培養大局觀&#xff0c;只有站得高才能看得…

數據庫小知識點(一直更新)

一、mysql查詢是否含有某字段&#xff1a; mysql數據庫查詢帶有某個字段的所有表名 SELECT * FROM information_schema.columns WHERE column_namecolumn_name; oracle數據庫查詢帶有某個字段的所有表名 select column_name,table_name,from user_tab_columns where column_n…

其他運算符

原文地址&#xff1a;https://wangdoc.com/javascript/ void運算符 void運算符的作用是執行一個表達式&#xff0c;然后不返回任何值&#xff0c;或者說返回undefined。 void 0 // undefined void(0) // undefined 上面是void運算符的兩種寫法&#xff0c;都正確。建議采用后一…