layui iframe页面获取自己dom

2024-10-17

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

layui 父页面获取弹窗传递的值和父页面传值给子弹窗的方法

1.父页面获取子页面(弹窗)的值: 现在父页面页面加载方法中定义方法,专门用来获取从子页面的值 $(document).ready(function() { //拿到子窗口中传回的数据 function getChildrenData(data){ console.log('从子页面传递回到数据:'); console.log(data); } });子页面调用父页面的取值方法: parent.getChildrenData(data);//data为需要传递的值 2.父页面传值给子页面(弹窗)

Layui Iframe页面间方法的相互调用

就是普通的iframe之间方法的调用,只是注意一下src就像 var childWindow = $(window.parent.document).find("iframe[src='/Admin/CheckImages/Index.aspx']")[0].contentWindow; childWindow.showCheckImage();

layui父页面获取子页面数据

var doc = layero.find('iframe')[0].contentDocument; var test= $(doc).find("input[name='test']").val();

js如何获取iframe页面内的对象

简单介绍iframe标签,所有的浏览器都支持<iframe>标签,iframe 元素会创建包含另外一个文档的内联框架(即行内框架).通常我们常用的iframe标签的属性有:width(iframe 的宽度).height(iframe 的高度).frameborder(显示框架周围的边框).src(iframe 中显示的文档的 URL). 那么如何使用js来获取iframe页面内的对象呢,以及反过来说内嵌的iframe页面又该如何得到父级页面的对象? 注意地方: 需要在服务器下运行父级页面须

父子页面（iframe）相互获取对方dom元素

现在iframe的使用虽然开始越来越少,但是还是有牵涉到iframe的使用情况,特别是多个iframe互相嵌套,又要进行获取的情况. 现在整理了父子iframe之间互相获取的方式. (1)父页面获取子页面的方式. 主要通过: iframe的contentWindow属性,代表iframe所在的window对象. 示例如下: <script type="text/javascript"> window.onload = function(){ var cWindow = do

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

获取Iframe页面高度并赋值给Iframe以及获取iframe里的元素

最近接手了别人的项目,别人用到了iframe,自己在实战中总结了一些关于iframe的小问题. 获取Iframe页面高度并赋值给Iframe Html <iframe name="container_ifranme" id="iframeId" scrolling="no" frameborder="no" border="0" src="home.html" onLoad=&qu

iframe父页面和子页面获取元素和js变量

父页面获取iframe页面元素和变量获取方法:$("#id")[0].contentWindow.showInfo(): 获取元素: $("#id").contents().find("#suggestBox"); iframe子页面获取父页面元素变量 window.parent.showInfo();

iframe父页面获取iframe子页面的元素与 iframe子页面获取父页面元素

一.在iframe子页面获取父页面元素代码如下:$('#objld', parent.document); 二.在父页面获取iframe子页面的元素代码如下:$("#objid", document.iframes('iframe').document) 或代码如下:var doc = $(document.getElementById('iframeId').contentWindow.document);var ele = $("#objId",doc);

js 获取iframe页面元素

js 获取iframe页面元素 CreationTime--2018年8月16日18点00分 Author:Marydon  <iframe id="myframe" src="<c:url value="/base/server/report/report.do?REPORT_ID=${param.REPORT_ID}"/>" height="100%" wi

iframe子页面获取父页面元素的方法

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

一个页面通过iframe，获取另一个页面的form

document.getElementsByTagName("iframe")[0].contentWindow.document.forms[0].submit(); var z=dialog.frame.document.forms[0]; 一个页面通过iframe,获取另一个页面的form

layui 或者layer 父页面获取子页面数据或者子页面获取父页面操作方法

var frameId = $(layero).find("iframe").attr('id');//父页面获取子页面的iframe var id = $(window.frames[frameId].document).find("#typecoupon").val();父页面获取子页面指定的id数据 $(window.parent.document).find("#age").val(age);子页面的数据赋值给父页面指定的id

使用layui iframe弹层,各弹层之前的传值问题

最近做一个后台管理系统,用到的layui,主要是使用它的弹层,但是各个弹层之前的传值经常容易搞晕,写个个博客记录一下,方便自己,也方便别人, 首先我的页面已经嵌套了好几个iframe页面了,嵌套了三个吧,然后在第三个打开一个弹层,需要用到top.layer打开,用top之后,打开的那个弹层就位于主页上打开了(f12查看),和第三层页面不再是父子关系了.所以想在打开的弹出层页面获取第三个iframe的DOM就必须先获取到第三层的DOM.百度了好久,使用的方法就是在主页上定义一个变量,保存第三层的D

layer.open打开iframe页面的调用父页面方法及关闭

//调用父类方法 window.parent.exportData($('#shownum').val(),$('#splitstr').val()); //关闭iframe页面var index = parent.layer.getFrameIndex(window.name); //获取窗口索引parent.layer.close(index); //父类方法 function exportData(shownum,splitstr){ //TODO }

JavaScript从父页面获取子页面的值（子页面又如何访问父页面）

之前还真没做过类似的东西,,top页面获取子页面的document.. 在百度搜了下即找到这个东东,还好,能用. 主要就是使用 contentWindow方法,获取子页面的所有document,再做处理. 通过js从父页面获取子页面的值通常在很多情况下都会遇到通过js来传值的问题,只要通过一些页面关联,他们的值就可以互相传递,其中应用框架的时候传值问题可能会遇到更多一些 1.从父页面传值到子页面可能很容易办到,在很多情况下可以不通过js来传就可以达到目的,但从子页面把数据传给父页面就不是那么容

jQuery 互相调用iframe页面中js的方法

1,子iframe内调用父类函数方法: window.parent.func(); 2,子Iframe中获取父界面的元素: $("#xx", window.parent.document); 这个xx就是父界面中要获取的元素的ID. 3,jquery 调用子iframe页面中js的方法: iframefunction()是子页面的方法 $(window.parent.document).contents().find("#iframename")[0].conten

iframe页面改动parent页面的隐藏input部件value值，不能触发change事件。

实现一个依据iframe页面返回充值卡类型不同,安排不同的input部件. 点击选择弹出一个iframe.点击充值卡数据行.返回1.充值卡类型.2.充值卡id(用的UUID).3.充值卡号(字符串). 遇到的问题是当iframe选择充值卡时,无法获取parent页面input部件value值的change事件. parent页js $("#id_card_type").change(function(){ //事件无法捕获 }); parent页form <form id=&qu

利用iframe技巧获取訪问者qq

今天工作时,有个暂时加的好友问我,怎么利用web页面获取訪问者的qq. 曾经没有接触过,感觉到非常好奇,可是工作中脑子非常亢奋,转的快,利用所学的知识迅速想到一条技巧,那就是假想用户在进入我们设定的页面前,已经通过qq进入空间或是邮箱,对,一定会在咱们电脑的浏览器上留下cookie,那么我们设法通过这个cooke做做文章呢,于是在google上找了下,不到几秒就找到了一个比較接近的答案,可是原来问问题的楼主接近90%,死在了10%上了,那我就补上这10%吧. http://kf.qq.com/c

html页面嵌套两个iframe页面导致第二个iframe页面高度失效的问题

1:这是因为最里面嵌套的iframe页面html和body高度无法设置问题,我的解决办法是js去控制iframe高度 2:js获取最子页面(content内容区域)的高度 var ifremHeight = $("#htmlid").height(); $('iframe').css('height',ifremHeight+'px');这是最子页面的父亲页面的iframe

layui iframe页面获取自己dom

热门专题