layer调用父页面中iframe里面的方法

2024-08-28

Layer获取iframe的dom元素及调用iframe页的js方法

1. 父页面点击第一个按钮触发,获取子页面中的body元素,调用子页面中定义的js方法 yes : function(index,layero){ //获取iframe的body元素 var body = layer.getChildFrame('body',index); //得到iframe页的窗口对象 var iframeWin = window[layero.find('iframe')[0]['name']]; //执行iframe页的showMsg方法 iframeWin.showM

JQueryiframe页面操作父页面中的元素与方法(实例讲解)

1)在iframe中查找父页面元素的方法:$('#id', window.parent.document) 2)在iframe中调用父页面中定义的方法和变量:parent.methodparent.value 3)实例 1.父页面复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Iframe

实现 iframe 子页面调用父页面中的js方法

父页面:index.html(使用iframe包含子页面child.html) [xhtml] view plaincopyprint? <html> <head> <script type="text/javascript">  </script> </head> <body

javascript 获取父页面中元素对象方法

父页面中: <input type="hidden" id="areaID" value="test1"> <iframe align="center" style="width: 100%; height: 100%;" frameborder="0" scrolling="no" src="Html//test.jsp">

关于iframe调用父页面元素操作

在iframe子页面获取父页面元素代码如下: //在iframe子页面获取父页面元素 $.('#objld', parent.document); //在父页面获取iframe子页面的元素 $("#objid", document.iframes('iframe').document) //或 $(document.getElementById('iframeId').contentWindow.document.body).html() $(document.getElementB

iframe调用父页面各种方法

HTML: <body> <form id="form1" runat="server"> <div> <div class="text-tabs">/*导航栏*/ <a class="text-tab" data-target="/" href="javascript:void(0);" onclick="

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

layer通过父页面调用子页面的方法及属性

引言在使用layer.js的过程中,需要通过layer.open()以iframe的形式打开特定的页面,同时需要用layer的按钮对打开的页面进行提交及重置操作,但是苦于不知如何在父页面调用子页面的方法及属性,查阅大量资料之后终于得出解决方案. 首先这是layer.open()的代码 layer.open({ id: 'insert-form', type: 2, title: '录入数据', shadeClose: true, shade: 0.8, area: ['1100px', '9

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

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

子窗口访问父页面iframe中的iframe，top打开的子窗口访问父页面中的iframe中的iframe

子窗口访问父页面iframe中的iframe 子窗口访问最顶层页面中的iframe中的iframe top打开的子窗口访问父页面中的iframe中的iframe top打开的子窗口访问最顶层页面中的iframe中的iframe ================================ 蕃薯耀 2018年2月5日 http://www.cnblogs.com/fanshuyao/ 页面情况说明: 页面使用jquery eayui架构,主页是一个普通页面(main页面),然后打开一个tab标

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

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

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

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

iframe调用父页面函数用法举例

iframe如何调用父页面函数. window.parent.xxxxx();//xxxxx()代表父页面方法具体列子如下,其中包括easyUI的右键和单击事件parent.jspbody部分代码 <body class="easyui-layout">  <div data-options="region:'west',split:true,title:'主题',iconCls:'icon-arrowIn'"

layer.open({}) 子页面传参并调用父页面的方法

闲话少说先看效果!!! 说明适用场景:在a.jsp页面,点击查看一个文件,layer.open弹出b.jsp页面,在b.jsp页面可以修改文件的名称(其实是去改了数据库),但是关闭弹窗的后,要求不刷新a.jsp的页面但同时文件的名称也要随之而改变有请eval()函数登场 // eval() 函数会将传入的字符串当做 JavaScript 代码进行执行. 1.a.jsp页面 var lay=layer.open({ type: 2, title:o.showFileName, shadeClos

js调用父窗口中的方法

window.open调用父窗口中的方法回调函数: function fun9(ex){ alert(ex); } 调用语句: window.open("RoomSelecter.htm?Ran"+Math.random(), "RoomSelecter"); 窗口页面中调用父窗口中的语句: if (window.opener && window.opener.fun9) { window.opener.fun9("ADF");

js 在iframe子页面获取父页面元素,或在父页面获取iframe子页面的元素的几种方式

用JS或jquery访问页面内的iframe,兼容IE/FF 注意:框架内的页面是不能跨域的! 假设有两个页面,在相同域下. index.html 文件内含有一个iframe: XML/HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htm

HTML中嵌套的子frame如何访问父页面中的函数？

我解决的办法,在父页面写了个函数,然后在frame页面调用父页面的函数,具体代码如下: 父:function a(){} 子frame:window.parent.a(); 问题迎刃而解 https://www.jb51.net/article/39486.htm 参考1:http://m.php.cn/article/383528.html 参考2:https://www.jb51.net/article/116273.htm 附件: DOM方法:父窗口操作IFRAME:window.fram

父页面和iframe之间的通信（操作和传值问题）

一.jq实现iframe父页面与子页面传值与方法调用 1.值操作 (1)父页面获取子页面的值 $('iframe的id').contents().find(子页面的id).text(); (2)子页面获取父页面的值 $("父页面id",window.parent.document).html(); 2.方法操作 (1)父页面调用子页面的方法 document.getElementById('iframe的id').contentWindow.子页面的方法; (2)子页面调用父页面的方法

JavaScript:父页面与Iframe页面方法互调

父页面调用Iframe页面中的函数以上是父页面中定义的iframe,注意添加name属性在父页面中调用mapFrame的ShowMyLocation方法 Iframe页面调用父页面的方法直接在Iframe内的页面通过window.parent.FuncName();调用即可其中FuncName为方法名称

easyUi弹出window窗口传值与调用父页面的方法,子页面给父页面赋值

<!DOCTYPE html PUBLIC "-/W3C/DTD HTML 4.01 Transitional/EN" "http:/www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8&q

js-关于iframe:从子页面给父页面的控件赋值方法

项目中我们经会用到iframe,可能还会把iframe里的数值赋值给父页面空间. 接下来我们来说说有关于iframe赋值给父页面的方法. 1.子页面iframe给父页面的控件赋值方法. parent.document.getElementById("user").value = "wwwww"; //子窗口赋值父窗口方法一 parent.document.form1.shoulu.value="123"'; //子窗口赋值父窗口方法二 2.父页面

layer调用父页面中iframe里面的方法

热门专题