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…

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

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

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

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

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父子页面互调方法和属性

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

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

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

window.postMessage 在iframe父子页面数据传输

介绍 https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage window.postMessage 发送方接收方示例:父页面(parentpage_copy.html)传值给子页面(subpage_copy.html) parentpage_copy <!DOCTYPE html> <html lang="en"> <head> <meta charset=&q…

Flash与JS之间相互调用以及参数传递

[AS3]ExternalInterface.call传多个参数的写法代码示例 import flash.text.TextField; ; ; var result:uint = ExternalInterface.call("addNumbers", param1, param2); function callMe(str:String):void{ //outtext.text=str; var outtext:TextField=new TextField(); outtext…

【iframe父子页面js之间的调用】的更多相关文章