最近一个项目上,会用到调用iframe里面的方法,开始只调用第一个iframe里面的方法,这个比较简单,直接根据iframe ID找到 iframe页面再去找方法,调用就好了。 如下: 可是一旦有个两层iframe或者更多层的话,这个方法就调用不到了,所以网上搜了一下相关的方法 ...
首先需要明确的一点,标题所说的子页面调用父页面的方法或者函数,是需要父子页面配合的。如果子页面不是你自己开发的, 或者父页面不是自己开发的,那就没办法调用了。而且, 因为业务的特殊需要,我们用到了iframe,如果只是Vue两个父子组件的传值或者调用,其实是非常简单的,百度一下,就能出现很多。这里就不一一赘述了。 在明确了以上的点以后,开始这一次的分享。首先先说一下, 没有在Vue框架中, 就是 ...
2021-09-13 15:21 0 303 推荐指数:
最近一个项目上,会用到调用iframe里面的方法,开始只调用第一个iframe里面的方法,这个比较简单,直接根据iframe ID找到 iframe页面再去找方法,调用就好了。 如下: 可是一旦有个两层iframe或者更多层的话,这个方法就调用不到了,所以网上搜了一下相关的方法 ...
一、iframe页面里的js调用父级页面js函数 1、假设当前页面为a.html, iframe的src页面为b.html,其代码如下: <html> <head> <title></title> </head> < ...
//方式一 if (self.frameElement && self.frameElement.tagName == "IFRAME") { alert('在iframe中'); } //方式二 if (window.frames.length ...
最近碰到需要调用别的网站的头和底部,百度看用法,试了几个都没有作用,好容易看到一个有用的,怕以后用到忘记,现在记录下来。 我找到的方法需要两个页面实现,现在以https://zhidao.baidu.com/ 右侧的我要提问和我来回答为例: 第一页的iframe代码: 先用 ...
在网页中嵌套网页目前通用的方法是通过 frame 框架来完成,该方法有实际的应用意义。也能很好的解决一些问题。 但是 JS 在操作的时候需要同源(不能跨域), 否则一切 js 相关的操作无法完成。 切记切记切记,必须同源否则 JS 无法操作。 ...
当页面中有iframe时,想在主页面调用iframe中的方法,可以用contentWindow属性。但具体用时还有一点要注意,就是必须等页面加载完成才可以,否则会报错找不到函数。 例: 父页面: 子页面: 如果直接这样写 ...
vue iframe嵌套外部网页 ...
思路 通过域名传参做并加密处理 内嵌页面通过域名来接收参数并解密 外套页面 js代码 1.通过'https://kc.yuanqichuang.com/kc/log ...