js調(diào)用父框架函數(shù)與彈窗調(diào)用父頁(yè)面函數(shù)的簡(jiǎn)單方法
調(diào)用父級(jí)中的 aaa的函數(shù)
子頁(yè)面中:
onclick="window.parent.frames.aaa()"
父頁(yè)面中:
function aaa() { alert(‘bbbbb'); }
frame框架里的頁(yè)面要改其他同框架下的頁(yè)面或父框架的頁(yè)面就用parent
window.opener引用的是window.open打開(kāi)的頁(yè)面的父頁(yè)面。
window.frames對(duì)象可以引用iframe里的頁(yè)面,也可以引用frameset里的頁(yè)面.
可以這樣
window.frames[0].document.getElementById(‘xx');
可以這樣
window.frames[0].document.body.innerHTML; frm = window.parent.window.frames[‘uploadFrame']; frmDocument = frm.document; frm.sb(3); //sb 是uploadFrame頁(yè)面里的一個(gè)函數(shù)
對(duì)于firefox
如果你遇到報(bào)錯(cuò):parent.document.frames has no properties
換為如下代碼就可以了,這個(gè)代碼IE,ff兼容. frm = window.parent.window.frames[‘uploadFrame'];其實(shí) frames 集合并不是掛在 document 而是掛在 window 對(duì)象下.
注意這樣修改frame里的頁(yè)面有限制,就是必須是同域下的,否則無(wú)法訪問(wèn)
如果是同一域下,但是子域名不同,那么涉及到的js,html文件都加上一句。
document.domain = xxx.com [這里填寫你的域名] document.getElementById(‘iframeid').contentWindow.document.getElementById(‘someelementid');
js彈窗頁(yè)面后調(diào)用父頁(yè)面函數(shù)
(例如:調(diào)用父頁(yè)面函數(shù)test2())
window.opener.test2();
框架子頁(yè)面調(diào)用上一個(gè)頁(yè)面方法
(例如:上一頁(yè)面的框架frame名為menuBar,調(diào)用onhook()函數(shù))
window.top.frames["menuBar"].onhook();
js彈窗頁(yè)面調(diào)用父頁(yè)面框架子頁(yè)面函數(shù)
(如:彈窗頁(yè)面調(diào)用,frame名為menuBar)
window.opener.top.frames['menuBar'].onhook();
以上就是小編為大家?guī)?lái)的js調(diào)用父框架函數(shù)與彈窗調(diào)用父頁(yè)面函數(shù)的簡(jiǎn)單方法全部?jī)?nèi)容了,希望大家多多支持腳本之家~
- js彈出框、對(duì)話框、提示框、彈窗實(shí)現(xiàn)方法總結(jié)(推薦)
- js彈窗返回值詳解(window.open方式)
- JS實(shí)現(xiàn)自定義彈窗功能
- js彈窗代碼 可以指定彈出間隔
- JS彈窗 JS彈出DIV并使整個(gè)頁(yè)面背景變暗功能的實(shí)現(xiàn)代碼
- js退出彈窗代碼集合
- js點(diǎn)擊彈出div層實(shí)現(xiàn)可拖曳的彈窗效果
- 關(guān)于vue.js彈窗組件的知識(shí)點(diǎn)總結(jié)
- JS使用遮罩實(shí)現(xiàn)點(diǎn)擊某區(qū)域以外時(shí)彈窗的彈出與關(guān)閉功能示例
- javascript實(shí)現(xiàn)好看的可復(fù)用彈窗插件
相關(guān)文章
jquery的$getjson調(diào)用并獲取遠(yuǎn)程的JSON字符串問(wèn)題
jQuery中常用getJSON來(lái)調(diào)用并獲取遠(yuǎn)程的JSON字符串,將其轉(zhuǎn)換為JSON對(duì)象,如果成功,則執(zhí)行回調(diào)函數(shù),本文將詳細(xì)介紹,需要的朋友可以參考下2012-12-12JavaScript實(shí)現(xiàn)瀑布流布局的代碼分享
不知道大家在線上購(gòu)物的時(shí)候有沒(méi)有發(fā)現(xiàn)到,自己逛起來(lái)根本就停不下來(lái),越往下翻越是覺(jué)得就會(huì)出現(xiàn)需要的東西,這就是很多電商公司都在使用的瀑布流布局。本文就來(lái)用JS實(shí)現(xiàn)這一布局,需要的可以參考一下2023-04-04JS簡(jiǎn)單實(shí)現(xiàn)tab切換效果的多窗口顯示功能
這篇文章主要介紹了JS簡(jiǎn)單實(shí)現(xiàn)tab切換效果的多窗口顯示功能,可實(shí)現(xiàn)響應(yīng)鼠標(biāo)事件的文字切換顯示效果,涉及javascript頁(yè)面元素遍歷與樣式變換相關(guān)操作技巧,需要的朋友可以參考下2016-09-09教你3分鐘利用原生js實(shí)現(xiàn)有進(jìn)度監(jiān)聽(tīng)的文件上傳預(yù)覽組件
這篇文章主要給大家介紹了關(guān)于如何3分鐘利用原生js實(shí)現(xiàn)有進(jìn)度監(jiān)聽(tīng)的文件上傳預(yù)覽組件的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07基于prototype擴(kuò)展的JavaScript常用函數(shù)庫(kù)
基于prototype擴(kuò)展的JavaScript常用函數(shù)庫(kù)實(shí)現(xiàn)代碼,學(xué)習(xí)js的朋友可以參考下。2010-11-11微信小程序?qū)崿F(xiàn)驗(yàn)證碼倒計(jì)時(shí)效果
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)驗(yàn)證碼倒計(jì)時(shí)效果,手機(jī)登錄、填手機(jī)號(hào)獲取驗(yàn)證碼,倒計(jì)時(shí)后重新獲取效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05Bootstrap打造一個(gè)左側(cè)折疊菜單的系統(tǒng)模板(二)
這篇文章主要介紹了Bootstrap打造一個(gè)左側(cè)折疊菜單的系統(tǒng)模板(二)的相關(guān)資料,需要的朋友可以參考下2016-05-05