精华内容
下载资源
问答
  • iframe嵌套传值问题

    2021-09-13 09:55:35
    嵌套传值 ... b页面iframe嵌套引入d页面 要把b页面的值传到A页面的input框,实现方式如下 var window_parent=window.parent.parent; window_parent.window.opener.document.getElementById("i...
    • 嵌套传值

            A->B{a,b,c}  b->d

            A页面input框点击事件弹出B页面

            B页面是a,b,c三个iframe布局组合而来

            b页面iframe嵌套引入d页面

            要把b页面的值传到A页面的input框,实现方式如下

    var window_parent=window.parent.parent;
    window_parent.window.opener.document.getElementById("id").value ="123";
    window_parent.close();
    • 相邻iframe传值

     

    $(parent.document.getElementById("spDatable")).text()

    展开全文
  • 页面A 怎么向 iframe B 传递数据呢?iframe B 怎么向 主页面A 传递数据,下面有不错的实现思路,感兴趣的朋友可以了解下
  • vue项目iframe传值问题 - Dawnzhang - 博客园 为什么说是本地页面呢?因为如果是通过iframe获取第三方页面的元素,会存在跨域问题!

    vue项目iframe的传值问题 - Dawnzhang - 博客园

    为什么说是本地页面呢?因为如果是通过iframe获取第三方页面的元素,会存在跨域问题!

    展开全文
  • 项目中很多时候会遇到需要用 iframe 嵌套页面的情况。有时候会有这样的需求: iframe 嵌套的页面 A ,点击之后要跳到页面 B ,但是同时还需要 A 页面中的某个属性值。 此时可以先把 A 页面的属性值赋值给最外层的...

    项目中很多时候会遇到需要用 iframe 嵌套页面的情况。有时候会有这样的需求:

    iframe 嵌套的页面 A ,点击之后要跳到页面 B ,但是同时还需要 A 页面中的某个属性值。

    此时可以先把 A 页面的属性值赋值给最外层的父页面,然后再赋值给 B 页面。

     

    A 页面的值赋值给最外层的父页面:

    如父页面有个隐藏的button元素

    <input type="button"  id="parentID" value="" />

    赋值给此元素(此操作在A页面中执行):

    $(parent.document.getElementById("parentID")).val( $( "A页面元素" ).attr("data-xxx") )

     

    B页面获取到父页面的某个元素值(此操作在B页面中执行)

    var transferValue = $(parent.document.getElementById("parentID")).val(  )

     

     

     ------------------------------------------------------------------------------------------------------------------------------------------------------------------------

     

    方法二:

    也可以采用window.location来解决,window.location获取的并不是最顶层网页中所显示出来的url,而是当前 iframe 所嵌套的页面所在的路径。

    转载于:https://www.cnblogs.com/smile-fanyin/p/11007774.html

    展开全文
  • 前言:在网上找了很多,大多给出的方式,只是在页面上首次加载的时候才会有值,以后再刷新网页,值就变成了undefined,甚至不走子页面中的方法。 下面给出的方法,每次刷新都会有数据到子页面html. vue页面 <...

    前言:在网上找了很多,大多给出的方式,只是在页面上首次加载的时候才会有值,以后再刷新网页,值就变成了undefined,甚至不走子页面中的方法。

    下面给出的方法,每次刷新都会有数据到子页面html.

    vue页面

    <iframe scrolling="no" ref="vueIframe" @load="loaded" frameborder="0" :src="`${publicPath}/html5/monitor.html`" style="width: 100%;height: 100%;"></iframe>

    一定要在iframe里定义@load,不然不传值。

    mounted() {
    			this.iframeWin = this.$refs.vueIframe.contentWindow;
    		},
    methods: {
    			
    			loaded(){
    				this.iframeWin.postMessage(this.resultData,'*');
    			}
    		 }

    子页面html

    window.addEventListener('message',function (msgEvent) {
            let result = msgEvent.data;
            $('#data1').html(result.port)
        })

    展开全文
  • 页面使用iframe标签引入子页面 (使用本地文件) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &...
  • 1.在父窗口中获取iframe中的js方法或者变量 格式:window.frames["iframe的name值"].(js方法名或变量名) 实例:window.frames["iframe1"].createPointAndCenter(child.lng,child.lat); 2....
  • 问题:主页面为.vue,页面中嵌套iframe,目的是使用视频通话插件,需要向html页面传值,只需两个步骤即可
  •  项目中用到的页面框架是基于iframe的,使用后,在传值的时候遇到问题,不知如何传值到被嵌入的子页面中,最后想到一种方法:子页面获取父页面隐藏域的值  在父页面中,此处是index.html,首先定义一个隐藏域,...
  • 偶尔会遇到需要在一个页面之中嵌套调用不同域名的项目进行展示,这时候就有一个问题,调用另外的项目的时候会需要一些参数,或者说是某些验证规则,但是我们的url传参又是有限制的,很多时候并不能完整的传过去我们...
  • 从父页面给子页面传值 可以通过url进行传值,若嵌入外网例如www.baidu.com,可以设置为 &lt;iframe name = "child" id = "child" :src="www.baidu.com#asd=1" width="1920...
  • vuecli组件嵌套iframe页面相互传值

    千次阅读 2019-01-15 10:37:02
    一、从头部组件向兄弟组件内的子页面传值  在头部弹框更改头像,用中央事件总线向兄弟组件传值 在组件内都引入import Bus from '../bus' bus.vue : import Vue from 'vue' const Bus = new Vue(); export ...
  • 前端easyui data-grid iframe父子jsp页面传递数据问题
  • 主要思想:通过iframe的url 带着参数 传值给 另一个项目,然后另一个项目接受参数。我们主要解决的是 账号互通。所以通过url,把参数带过去,然后通过cookie主动存储起来。 主工程 传参 import React, { Compone...
  • iframe父子页面之间传值需要在服务器下进行(因为一些浏览器不支持file://协议的页面跨框架获取)。 那么如何把本地文件变成http请求获取呢? 1.首先全局安装:serve: npm install -g serve 2.找到你想用http请求...
  • 主要知识点1:document.getElementById("ii").contentWindow 得到iframe对象后,就可以通过contentWindow得到iframe包含页面的window对象,然后就可以正常访问页面元素了;2:$("#ii")[0].contentWindow 如果用...
  • 就是想在 iframe中提交后进行整个页面的跳转 并把iframe中的值传到外层jsp 大概就是这个样子 外层 a.jsp <div id="d"></div> <iframe src="b.jsp" name="listresult" width="100%" height="100...
  • 使用iframe标签嵌套页面时,通过再父页面通过接口请求的数据,如何传给子页面呢?作为一个刚刚入门的前端小白,只有边百度边写demo,研究一下iframe的父子页面的传值,如果有什么不对的地方请大家指出。 父页面:...
  • 1.放置iframe的父文件parent调用子组件的方法const iframe = document.getElementById('parent-iframe');const button = document.getElementById('button-get-son');button.onclick = function () {console.log...
  • vue 嵌套iframe并进行传值

    千次阅读 2019-11-11 11:20:08
    子级iframe向vue父级传值: <template> <div> <iframe src="链接" ref="iframe"></iframe> </div> </template> 父级vue中mounted: mounted(){  window.addEventListener...
  • B生成的DOM,获取其属性,传值到A A监听事件,获取监听的属性,传到B 正文 利用window.postMessage() 方法可以安全地实现跨源通信。通常,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为...
  • 1.ifrmae 子页面向父页面传值 子页面绑定事件 $("#btn").click(function(){ var data={k:1,n:2};//需要传递的值 window.parent.postMessage(data, '*') }); 父页面接收 addEventListener('message', e =>...
  • 当前应用场景:u3d和前端项目对接,需要使用到前端的设置页面和详情功能,需要操作前端项目的方法,比如打开vue...vue向iframe发送数据的方法: sendMessage(data) { //子向父发送数据 window.parent.postMessage
  • 今天接到一项目需求,需要在vue页面展示3D标签效果,想着摆脱eslint,就把3D效果写成html页面,在vue页面,通过iframe嵌套去完成。这样,效果是可以展示出来了,但是由于3D效果初始化的时候需要设置宽度和高度,故想...
  • iframe是什么? 引用:MDNwindow.postMessage() 方法可以安全地实现跨源通信。通常,对于两个不同页面的脚本,只有当执行它们的页面位于具有相同的协议(通常为https),端口号(443为https的默认值),以及主机 (两个页面...
  • 练习说明:使用postMessage可以在iFrame、父子窗口、跨页面等,之间相互传递消息。 demo地址:http://www.tkcb.cc/menu/skill/html/html_0001/ 为什么要下载?下载的好处:永远保存在自己电脑,防止网站网页失联。
  • 目前已经完成了中端对接,他们发过来的是一个html文件,将文件放入static文件夹下,通过iframe嵌套html界面,通过route在vue页面之间传值,通过window方法在vue和嵌套的html之间传值,实现以下效果
  • 做H5开发,安卓和IOS的兼容问题经常会困扰我们,尤其是跟第三方平台合作,用到iframe嵌入式应用,令很多Web前端开发的童鞋脑壳疼,相信大家也入了不少坑,且踩且珍惜吧,呵呵^_^。今天抽时间整理一些出来,希望能...
  • jQuery实现嵌套页面传参 实现嵌套页面的传参,首先要考虑的是父页面如何储存值,然后就是子页面如何获取值,最后就是如何显示在页面中。 父页面存储值: parent.$("body").data("aintt_val", str); 子页面获取值...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,557
精华内容 622
关键字:

iframe嵌套页面传值