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

【js和vue方法的相互调用（iframe父子页面的方法相互调用）。】的更多相关文章

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

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

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父子页面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…

Javscript调用iframe框架页面中函数的方法

Javscript调用iframe框架页面中函数的方法,可以实现iframe之间传值或修改值了, 访问iframe里面的函数: window.frames['CallCenter_iframe'].hw_CallIn(callerid,sessionid); 说明: CallCenter_iframe为iframe的id hw_CallIn为iframe中页面中的方法名 callerid和sessionid为方法中的参数例子如下:index.html <a href="#" o…

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

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

JQuery调用iframe父页面元素与方法

JQuery操作iframe父页面与子页面的元素与方法下面简单使用Jquery来操作iframe的一些记录,这个使用纯JS也可以实现. 第一.在iframe中查找父页面元素的方法: $('#id', window.parent.document) 第二.在父页面中获取iframe中的元素方法: $(this).contents().find("#suggestBox") 第三.在iframe中调用父页面中定义的方法和变量: parent.method parent.value 第四.…

iframe 父子页面方法调用

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

JQuery调用iframe子页面函数/对象的方法例子

父页面有个ID为mainfrm.name为Iframe1的iframe,iframe连接b.html,该页面有个函数test 在父页面调用b.html的test方法为: $("#mainfrm")[0].contentWindow.test(); 或者 this.frames["Iframe1"].doQuery(); 在当前弹出的子页面中打开另一个打开页面中的函数,例如在弹出的edit.html页面中调用dataList.html页面中的函数test parent…

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

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

JQuery调用iframe子页面函数/对象的方法

父页面有个ID为mainfrm的iframe,iframe连接b.html,该页面有个函数test 在父页面调用b.html的test方法为: $("#mainfrm")[0].contentWindow.test();…