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 [這里填寫(xiě)你的域名] 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)文章
在Javascript里，函數(shù)被調(diào)用的時(shí)候，除了接受聲明是定義的形式參數(shù)，每一個(gè)函數(shù)還接受兩個(gè)附加的參數(shù)：this和arguments。2011-09-09
這篇文章主要介紹了深入理解 ES6中的 Reflect用法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-07-07
在做一個(gè)項(xiàng)目的時(shí)候才發(fā)現(xiàn)的這個(gè)bug，其實(shí)這是一個(gè)很常見(jiàn)的問(wèn)題，只是之前對(duì)圖片的處理太少，沒(méi)有碰到過(guò)。2014-04-04
Whatever:hover 無(wú)需javascript讓IE支持豐富偽類
絕大部分現(xiàn)代瀏覽器支持 css 中的 :hover 偽類選擇器，可以用于所有 html 元素。2010-06-06
不依賴Flash和任何JS庫(kù)實(shí)現(xiàn)文本復(fù)制與剪切附源碼下載
本篇文章給大家分享的文本復(fù)制與剪切板功能，實(shí)現(xiàn)此功能不依賴falsh插件和任何js庫(kù)實(shí)現(xiàn)的，感興趣的朋友一起看看吧2015-10-10
bootstrap table插件的分頁(yè)與checkbox使用詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap table插件的分頁(yè)與checkbox使用詳解，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
本文主要介紹了JavaScript模仿塊級(jí)作用域的方法，具有一定的參考價(jià)值。下面跟著小編一起來(lái)看下吧2016-12-12
Iframe 自動(dòng)適應(yīng)頁(yè)面的高度示例代碼
這篇文章主要介紹了Iframe如何自動(dòng)適應(yīng)頁(yè)面的高度,需要的朋友可以參考下2014-02-02
JS實(shí)現(xiàn)很酷的EMAIL地址添加功能實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)很酷的EMAIL地址添加功能,實(shí)例分析了javascript操作text文本的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
class是es6引入的最重要特性之一。在沒(méi)有class之前，我們只能通過(guò)原型鏈來(lái)模擬類。這篇文章我們將詳細(xì)的介紹關(guān)于ES6中CLASS的使用，有需要的朋友們可以參考借鑒，下面來(lái)一起看看吧。2016-11-11