js vue调用iframe里的方法

  • 2024-10-11

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

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

在JS中调用CS里的方法(PageMethods)

在JS中调用CS里的方法(PageMethods) 2014年04月28日 11:18:18 被动 阅读数:2998   最近一直在看别人写好的一个项目的源代码,感觉好多东西都是之前没有接触过的.今天在代码中看到了一个类PageMethods,于是就在想,这个类是系统类还是自定义的呢?后面再网上百度了一下,原来PageMethods是用来在JS里调用CS里写好的方法.感觉这种方法的功能特别强调,所以在这里记录一下,也希望对大家有所帮助. 实例: Default.aspx 代码   <%@ Pag

Jquery如何序列化form表单数据为JSON对象 C# ADO.NET中设置Like模糊查询的参数 从客户端出现小于等于公式符号引发检测到有潜在危险的Request.Form 值 jquery调用iframe里面的方法 Js根据Ip地址自动判断是哪个城市 【我们一起写框架】MVVM的WPF框架（三）—数据控件 设计模式之简单工厂模式（C#语言描述）

jquery提供的serialize方法能够实现. $("#searchForm").serialize();但是,观察输出的信息,发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串.serialize确实是能够解决一般的提交数据.但是有时我们需要的是一个object对象,而不是字符串(比如jqgrid reload时设置查询条件参数,就需要object对象).方法如下: (function(window, $) { $.fn.serializeJson

【FLEX教程】#007 如何让JS调用SWF里的方法

HTML中,JS如何调用SWF里面已经封装好的代码呢? 有一些事情Flex没办法实现的,需要通过调用JS来实现. eg: 当浏览器窗体关闭的时候,弹出一个对话框,提示用户是否退出?或者是否保存当前的操作? 让JS能够调用SWF里面的方法,需要再Flex添加一个回调函数 //注册外部函数 ExternalInterface.addCallback("checkExit",checkExit); 提示:1.第一个参数:方法的key, 在JS调用的时候,就是用这个名字.第二个参数:Flex中

父窗口调用iframe子窗口方法

一.父窗口调用iframe子窗口方法 1.HTML语法:<iframe name="myFrame" src="child.html"></iframe> 2.父窗口调用子窗口:myFrame.window.functionName(); 3.子窗品调用父窗口:parent.functionName(); 简单地说,也就是在子窗口中调用的变量或函数前加个parent.就行 4.父窗口页面源码: 复制代码 代码如下:<html> &

【学习】调用iframe中的方法

当页面中有iframe时,想在主页面调用iframe中的方法,可以用contentWindow属性.但具体用时还有一点要注意,就是必须等页面加载完成才可以,否则会报错找不到函数. 例: 父页面: <iframe id="son" src="a.html"></iframe> 子页面: <body> 这是子页面 <script> function test() { console.log("子页面的方法&quo

JS 互相调用iframe页面中js方法、VUE里 iframe 互调方法

1,父 html 调用子 iframe 内方法: document.getElementById("iframe").contentWindow.func(data1,data2...); 2,子 Iframe 中 调用 父html中方法: parent.func(data1,data2...) 在VUE中: // 父vue文件调用 iframe html文件中方法:this.$refs.iframe.contentWindow.func(data1,data2...); // 在 i

笔记：javascript操作iframe内的DOM元素，及调用iframe内的方法

iframe相当于一个嵌入在网页内的浏览器,它与当前网页是隔离的. 但有时我们也需要在当前网页操作iframe内的元素或操作iframe内的javascript方法. 在网页内操作DOM元素,是使用document对象.那么,当我们需要操作iframe内的元素时,就需要找到iframe内的document对象. 假设有以下HTML代码: <iframe id="ifm" src="a.htm"></iframe>   那么可以像这样取得ifr

android90 bind方式启动服务service调用service里的方法

package com.itheima.banzheng; import com.itheima.banzheng.LeaderService.ZhouMi; import android.os.Bundle; import android.os.IBinder; import android.app.Activity; import android.content.ComponentName; import android.content.Intent; import android.cont

vue 进入页面每次都调用methods里的方法

// 监听路由,每次进入页面调用方法,放在method里 mounted(){ this.getPath() }, methods: { getPath(){ console.log(this.$route.path); if (this.$route.path == '你要进入的路由') { this.init() // 初始化的方法 } } }, watch: { '$route':'getPath' },

用js互相调用iframe页面内的js函数

http://www.jb51.net/web/18555.html 1,首先获得右栏iframe对象 var frames=document.getElementById("frameid");//frameid即右栏iframe的id名 2,重置其src值 frames.src=pageurl;//pageurl即要显示的目的页面 这样就实现了页面的跳转 但是还有一点,如果想调用其中的函数就不是这么简单了 比如右栏中有一个函数right(),我要在左栏的链接中调用right()函数

WPF和js交互 调用窗体中的方法

public partial class WebTest: Window { private void Window_ContentRendered(object sender, EventArgs e) { this.wbrExam.ObjectForScripting = new OprateBasic(this); this.wbrExam.Source = new Uri(Environment.CurrentDirectory + @"\res\template.html")

vue调用兄弟组件的方法使用vueBus调用$emit、$on（只需触发方法即可，不需要考虑传值或参数的问题）

触发方: vueBus.$emit('queryAll') 被触发方: created() { vueBus.$on('queryAll', () => { this.getList() // 触发该方法即可 })}, 带参数的场景: 触发方 vueBus.$on('update', val => { this.temp = val // 接收修改时的表单内容 this.updateDialogVisible()}) 被触发方 vueBus.$emit('update', Object.ass

jquery调用iframe里面的方法

$(window.parent.document).contents().find("#iframename")[0].contentWindow.iframefunction();

调用iframe中父页面/子页面中的JavaScript方法

今天做公司的内部流程系统,发现一问题.怎么调用iframe外面的方法呢?于是百度了一下,呵呵,把搜索结果摘抄下来. 转自:http://hi.baidu.com/zh_m_zhou/blog/item/e79d56d4daa2eecd50da4b24.html 作者:pocky 说明:假设有2个页面,index.html和inner.html.其中index.html中有一个iframe,这个iframe的src指向inner.html. 我们现在要做的就是: 1.在index.html中调用i

sql server中调用c#写的dll里的方法

最近有一项目: 一超市管理系统单机版,运行在WIN2003+SQL2005上,每天超市关门都都会关电脑,现客户要新加功能,每天关门下班后回家可以上网查看超市管理系统的数据库里的相关数据,然后再做一些原系统没有的统计分析等,老系统不能做大改动,像升级到WIN2012+SQL2012等这些操作,改动越小越好. 现在的想法是:阿里云买台服务器,装上SQL,然后建立的数据库和超市管理系统上的数据库一毛一样,然后想办法,当超市管理系统数据库里的增表增删改的时候,同步阿里云服务器上的数据库保持数据一致, 然

iframe 里的高度适应的问题

iframe 这个东西功能是很强大,但是有一个巨大的问题就是高度自适应的问题: 不过这个问题,百度或者谷歌上有很多解决办法,但是,很多时候都有兼容性问题: 所有我就每个方法都试了一遍,终于找到了一个 感觉很牛的样子,不需要用到js 就可以让iframe 里的内容覆盖整个页面,感觉很舒服.哈哈哈 <html> <head> <meta charset="UTF-8"> <title></title> </head>

vue在钩子中引用方法不成功

在组建创建成功后调用methods里的方法fn1,失败,提示not a function: created(){ getData(){} } solution: created(){ this.getData(){} } 同理,调用vm自身的方法.路由对象,一概加this.

在iframe里调用parent.func()引出的js函数运行在它们被定义的作用域里,而不是它们被执行的作用域里

有个document里定义了一个函数func(),同时在document里嵌入了一个iframe,在这个iframe里调用父窗口的方法:parent.func(),本来我以为这个函数的运行环境是在这个iframe自己里面,测试发现虽然是在iframe里面调用的这个函数,但是运行环境依然是在父窗口里. 所以也验证了JS权威指南中的:js函数运行在它们被定义的作用域里,而不是它们被执行的作用域里. 又比如 var a=1; function f1(){console.log(a);}; functi

谷歌、火狐浏览器下实现JS跨域iframe高度自适应的完美解决方法，跨域调用JS不再是难题！

谷歌.火狐浏览器下实现JS跨域iframe高度自适应的解决方法 导读:今天开发的时候遇到个iframe自适应高度的问题,相信大家对这个不陌生,但是一般我们都是在同一个项目使用iframe嵌套页面,这个ifame高度自适应网上一搜一大把,今天要讲的如何在不同的网站下进行相互的调用跟在同一个网站下是一个效果:例如我在自己的项目里面Iframe  了第一博客的页面  http://www.diyibk.com/   当第一博客的页面高度变化了怎么通知父页面呢? 这个时候在谷歌下肯定是拿不到 ifram

vue.js（19）--vue中子组件调用父组件的方法

子组件是不能直接使用父组件中的方法的,需要进行事件绑定(v-on:自定义方法名="父组件方法名"),然后在子组件中再定义一个方法,使用this.$emit('自定义方法名')语句完成父组件中方法到子组件中的调用,最后直接调用子组件中定义的方法即可. <div class="app"> <mycom v-on:func="parentshow"></mycom> <!-- 通过v-on:绑定方法将父组件中的

热门专题

IdentityServer4 数据库匹配验证方式
vue后台计时ios
linux中打印除13行外所有内容
华云数据为什么一直在招人
fastadmin btn-addtabs 图标
使用idea创建Java SOAP Web服务
Oracle 匹配邮箱规则sql
centos查看网络连接状态
ts.get_k_data用法
Sql server怎么查询cpu资源
soringboot postgres 证书
亚马逊云ssh连不上
tp5设置page的path
ubuntu mariadb 开机自启动
xamarin xaml设计窗口不显示
win10 虚拟机升级到H22窗口闪烁
mysql sql剖析
ubantu live版本忘记安装SSH
typescript 抽象工厂
惠普服务器ilo口进不去