子页面iframe如何调用 父页面的方法 或者对象（基于layui框架）

layui.use(... function(){
var _tools = {
func1: function(){
console.log(‘func1‘);
}
}
window.tools = _tools;
})

// 外部调用，如子页面
parent.tools.func1();

原文地址：https://www.cnblogs.com/Angel-szl/p/11232485.html

时间： 2024-10-10 04:54:17

子页面iframe如何调用 父页面的方法 或者对象（基于layui框架）的相关文章

获取父页面ifram元素,调用父页面ifram方法

父页面:可通过parent或parent.parent...看具体的层次 用jQuery获取元素: $( selector, parent.iframes[index].window.document)即可 parent.iframes[index].window.document也可写成parent.iframes[index].document 调用其方法: parent.iframes[index].window.function() 如果要调用顶层,可将parent换成top

iframe 调用父页面元素

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="IFrame.aspx.cs" Inherits="IframeDemo.IFrame" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x

iframe子页面调用父页面javascript函数的方法

1.iframe子页面调用 父页面js函数 子页面调用父页面函数只需要写上window.parent就可以了.比如调用a()函数,就写成: window.parent.a(); 2.iframe父页面调用 子页面js函数 这个就稍微复杂一些,下面的方法支持ie和firefox浏览器: document.getElementById('ifrtest').contentWindow.b();

iframe子页面调用父页面javascript函数的方法(支持chrome和IE的通用方法）

iframe子页面调用父页面javascript函数的方法 今天遇到一个iframe子页面调用父页面js函数的需求,解决起来很简单,但是在chrome浏览器遇到一点小问题.顺便写一下iframe的父页面调用子页面javascript函数的方法吧,备用! 1.iframe子页面调用 父页面js函数 子页面调用父页面函数只需要写上window.praent就可以了.比如调用a()函数,就写成: window.praent.a(); 但是我在chrome浏览器下却发现此方法无效了!查了半天才了解,在c

使用iframe父页面调用子页面和子页面调用父页面的元素与方法

在实际的项目开发中,iframe框架经常使用,主要用于引入其他的页面.下面主要介绍一下使用iframe引入其他页面后,父页面如何调用子页面的方法和元素以及子页面如何调用父页面的方法和元素. 1.父页面获取子页面的元素 //jquery方式 $("#iframeId").contents().find("#child1"); //js方式 window.frames["iframName"].document.getElementById(&quo

iframe调用父页面js函数 方法 元素

在一个页面中添加iframe,但是有时需要与父页面进行通信,传递参数. 网上总结有以下方法: 一.iframe标签中   src属性传参 <iframe src="test.jsp?id=xxx">    通过get方法,添加在页面后面传递参数,如上的“id” 二.iframe调用父页面html元素 在iframe中,通过“window.parent.document.getElementById()” ,即可访问父页面中的元素 三.iframe调用父页面函数  windo

子窗口调用父页面js实例

父页面代码: <%@ page contentType="text/html; charset=GBK"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=GBK" /> <title>new_page_title</title> <script type="

在IFream中，子页面调用父页面的方法

工作中遇到的具体情况是,父页面中的菜单点击,在框架中打开子页面.子页面保存新增的数据后,打开父页面的另一个子页面,此时要调用父页面菜单点击事件. var _parent = window.parent; //获得父页面的对象 _parent.父页面中的方法

Appcan学习笔记（2）——子页面调用父页面的方法

index.html 为父页面,里面有div为<div id="content" class="ub-f1"> </div>此div承载子页面 index_content.html 在子页面中调用父页面中的UpdateData()方法 ,par为参数 appcan.window.evaluateScript({            name:'',            scriptContent:'UpdateData("'+p