【iframe父子页面互调方法和属性】的更多相关文章

iframe父子页面互调方法和属性

1.iframe子页面调用 父页面js函数 子页面调用父页面函数只需要写上window.praent就可以了.比如调用a()函数,就写成: window.parent.a(); 子页面取父页面中的标签中的值,比如该标签的id为“test”,则: window.parent.document.getElementById("test").value; jQuery方法为: $(window.parent.document).contents().find("test"…

js和vue方法的相互调用（iframe父子页面的方法相互调用）。

项目是前后端不分离的,模板引擎使用的JSP. 但是使用了Vue+ElementUI,这里列举一些常用的调用方式,有时候可能. 在js里调用vue方法 我们需要把方法注册到vue对象之外的页面,所以对与在methods中定义的方法,需要在mounted中注册给window.之后我们可以在js里直接调用, 在vue里调用js方法 直接使用window.方法名就可以调用 在主页面中调用iframe子页面的代码: <!--主页面中的JS代码--> <script type="text/…

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 父子页面方法调用

在写代码的时候经常会用到将一个网页嵌入到另一个网页中,w3c也规定了一个标签<iframe>,这个标签本身就支持跨域,而且所有的浏览器都支持 iframe具有以下属性: 1.frameborder 设为1代表显示周围边框,设置为0不显示周围边框 2.height 设置iframe的高度 3.width 设置iframe的宽度 4.longdesc 属性值为URL 规定一个页面,该页面包含了有关 iframe 的较长描述 5.marginheight 定义 iframe 的顶部和底部的边距 6.…

iframe父子页面相互调用方法，相互获取元素

父页面获取子页面 var childWin = document.getElementById('setIframe').contentWindow;//获取子页面窗口对象 childWin.sendSetData();//调用子页面方法 子页面获取父页面并调用父页面的方法 var parInp = window.parent.document.getElementById('pInput1');调用父页面的元素 var parentW = window.parent;//获取父页面窗口对象 w…

iframe父子页面通信

一.同域下父子页面的通信 1.父页面调用子iframe页面 (1)通过iframe的Id获取子页面的dom,然后通过内置属性contentWindow取得子窗口的window对象,此方法兼容各个浏览器 document.getElementById('iframe_Id').contentWindow // contentWindow 不能省略 (2)通过iframe的name直接获取子窗口的window对象 iframe_Name.window    //window可以省略 (3)通过win…

iframe父子页面之间相互调用元素和函数

<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="Keywords" content=""> <meta name="Description" content="&…

iframe父子页面调用小结

 子页面调用父页面 $('#Id', window.parent.document); //调用父页面元素 window.parent.func1(); //调用父页面方法  (子页面同理,需将js方法挂到window对象中)  父页面调用子页面 $('#id', document.frames('iframename').document); //调用子页面元素 如果父子页面都单独引用了JQuery,其实存在两个单独的JQuery对象 如果子页面想触发父页面元素的事件,$('selector'…

iframe父子页面js之间的调用

父级页面:mian.html 子页面1:top.html 子页面2:index.html 页面关系 <div onclick="_top()">调用contentTop页面的alertTop方法</div> <iframe id="contentTop" name="contentTop" frameborder="0" th:src="@{/top}" > 你不支持if…

Iframe 父子窗体互调javascript方法及相互获取控件

父窗体中的Iframe标签如下,子窗体为Default.aspx; <iframe id="left" name="left" src="Default.aspx" scrolling="auto" frameborder="0"        style="width: 500px; height: 10px;"></iframe> 父窗体下: 1.调用子窗体下…