精华内容
下载资源
问答
  • iframe嵌套页面

    千次阅读 2019-04-03 14:25:50
    iframe嵌套页面方法 <body style="margin:0px;"> <iframe src="" width="100%" height="100%" frameborder="0" ></iframe> </body> iframe常用属性: frameborder:是否显示边框,1...

    iframe嵌套页面方法

    <body style="margin:0;">
    	<iframe src="" width="100%" height="100%" frameborder="0" ></iframe>
    </body>
    

    iframe常用属性:

    1. frameborder:是否显示边框,1(yes),0(no)
    2. height:框架作为一个普通元素的高度,建议在使用css设置。
    3. width:框架作为一个普通元素的宽度,建议使用css设置。
    4. name:框架的名称,window.frames[name]时专用的属性。
    5. scrolling:框架的是否滚动。yes,no,auto。
    6. src:内框架的地址,可以使页面地址,也可以是图片的地址。
    7. srcdoc , 用来替代原来HTML body里面的内容。但是IE不支持, 不过也没什么卵用
    8. sandbox: 对iframe进行一些列限制,IE10+支持
    展开全文
  • 主要介绍了在vue中实现嵌套页面(iframe),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 实现iframe嵌套页面通信 在项目中通过iframe标签嵌入其他网页时,该如何iframe页面进行通信呢?小菜鸡在这里简单记录一下~ 1、父组件获取子组件: (注:父组件是当前项目页面,子组件是iframe标签) Iframe....

    实现iframe嵌套页面通信

    在项目中通过iframe标签嵌入其他网页时,该如何iframe页面进行通信呢?小菜鸡在这里简单记录一下~

    1、父组件获取子组件:
    (注:父组件是当前项目页面,子组件是iframe标签)
    Iframe.contentWindow:获取iframe的window对象
    Iframe.contentDocument:获取iframe的document对象
    当需要从当前页面传递数据给嵌入的iframe页面时,可通过postMessage()方法进行通信。
    iframe.contentWindow.postMessage(message, targetOrigin, [transfer]);
    postMessage()方法有三个参数,message:即将要传递到其他页面的数据;targetOrigin:指定哪些窗口能接收到消息事件,其值可以是 *(表示无限制)或者一个 URI,一般用来做数据来源验证;transfer:选填参数,可不传。
    示例:
    ifr为iframe标签
    ifr为iframe标签
    iframe页面中获取传递的数据:
    在这里插入图片描述
    2、子组件获取父组件:
    Window.parent:获取上一级的window对象。如果上一级(父级)还是iframe则是该iframe的window对象
    Window.top:获取最顶级容器的window对象
    Window.self:返回自身window的引用
    (注:调用父级方法,则父级要将发放挂在window层)

    iframe页面向引入的页面传递数据:
    window.parent.postMessage(message, targetOrigin, [transfer])
    获取iframe页面传入的数据,方法与iframe页面获取数据类似,也是通过addEventListener()方法监听message,获取传递的message、targetOrigin等参数数据进行进一步处理。

    (ps:如果对您有帮助,希望点个赞噢(~~)

    展开全文
  • iframe name="my-iframe" id="my-iframe" src="初始显示的页面或者图片" frameborder="边框(一般为0)" width="宽" height="高" scrolling="是否滚动(一般为“no”)"></iframe> 2.在HTML中写入a标签,当...

    1.在HTML中写入iframe标签

    <iframe name="my-iframe" id="my-iframe" src="初始显示的页面或者图片" frameborder="边框(一般为0)" width="宽" height="高" scrolling="是否滚动(一般为“no”)"></iframe>

    2.在HTML中写入a标签,当点击a标签时,子页面跳转到所需的页面

    <a href="要跳转的页面l"  target="my-iframe">点击我子网页可以跳转到你需要的地方</a>
    //注意此处的target一定要和上面的名字一样(具体是name还是id我也忘记了('◡')

    3.如果有多个子页面之间切换,只需要多写几个a标签,并且将它的href换成你所要跳转的html页面即可。切记,target是不变的,和先前的iframe保持一致!!!iframe标签只需要一个。
    如下:
    iframe:
    在这里插入图片描述
    a:
    在这里插入图片描述

    展开全文
  • 某个项目中,直接请求后台接口没问题,但是把页面放入iframe中,然后点击页面按钮请求后台接口,就会出现iframe跨域问题 <p>SecurityError: Blocked a frame with origin "XXX" from accessing a cross-origin ...
  • 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写 “window.location.href”、“location.href”:D页面跳转 “parent.location.href”:C页面跳转 “top.location

    “window.location.href”、"location.href"是本页面跳转
    "parent.location.href"是上一层页面跳转
    "top.location.href"是最外层的页面跳转
    举例说明:
    如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写
    “window.location.href”、“location.href”:D页面跳转
    “parent.location.href”:C页面跳转
    “top.location.href”:A页面跳转
    现在终于明白了连接的时候target的用法了:
    _blank:重新打开一个窗口
    _parent:父窗口执行重定向
    _self:自身页面重定向
    _top:第一个父窗口重定向
    综上所述可知:parent.window:父窗口对象 top.window:第一个父窗口的对象
    下面来重点看看window.parent与window.openner区别
    window.parent 是iframe页面调用父页面对象,当我们想从iframe内嵌的页面中访问外层页面是可以直接利用window.parent获取;

    展开全文
  • 关于前端iframe嵌套页面的跳转问题

    千次阅读 2020-11-16 21:54:15
    关于前端iframe嵌套页面的跳转问题 问题: 在A页面使用iframe嵌套了B页面,B页面中做了权限校验,即登录成功后才可以访问B中的某个页面,如果没有登录,则跳转A登录页面. 过程: 开始在B中尝试使用页面跳转location.href=...
  • 出于沙盒安全性考虑,83版本的chrome浏览器默认禁止了iframe嵌套页面,通过a和window.open,localtion.href点击下载, 为了解决这个问题,可以在父页面的iframe中sandbox属性中添加allow-downloads进行解决,请不要...
  • 偶尔会遇到需要在一个页面之中嵌套调用不同域名的项目进行展示,这时候就有一个问题,调用另外的项目的时候会需要一些参数,或者说是某些验证规则,但是我们的url传参又是有限制的,很多时候并不能完整的传过去我们...
  • iframe 嵌套页面怎么通信 html <iframe src="text.html" frameborder="0" name="ifrLink" id="ifrLink"></iframe> js 调取子页面的方法 document.getElementById("ifrLink").contentWindow....
  • 页面A中通过iframe嵌入页面B。 页面B需要登录后展示对应路由的页面,想要实现的效果是: 一进入页面A,页面B就处于登录的状态。 其实就是在页面A,通过iframe集成别的网站(页面B)。 集成进来后要自动登录... 两个...
  • 解决iframe嵌套页面问题

    千次阅读 2019-04-09 17:18:05
    /* 如果页面嵌套,跳出嵌套 */ if (window.top != window.self) { top.location = this.location; }
  • iframe嵌套页面全屏实现

    千次阅读 2019-12-06 20:56:59
    1.设置allowfullscreen="true"属性...iframe id="mapFrame" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true" name="mapFrame" s...
  • 同域: 获取标签: parent.document.... 获取参数(参数需为所在页面的全局参数): parent.parentParam; 和 window.frames["subIframe"].contentWindow.subParam; 调用方法(方法需为所在页面的全局方法):
  • // 显示帆软的查询组件的时候,动态控制是否显示 this.$nextTick(() =>... const iframe = window.frames.iFrame const handleLoad = () => { setTimeout(() => { const Do = (iframe.contentWindow ||...
  • vue页面: <template> <div class="showbox"> <!-- 表单查看 --> <div class="top_main" id="a"> <el-breadcrumb separator-class="el-icon-arrow-right">...
  • 假设有A、B、C和D四个JSP页面,D通过iframe嵌套在C中,C通过iframe嵌套在B中,B通过iframe嵌套在A中。 然后现在在D中编写JavaScript代码跳转页面。 在本页面跳转(D页面所在的iframe中跳转) window.location....
  • 关于使用iframe嵌套页面的跳转方式

    千次阅读 2019-05-08 15:22:31
    A,B,C,D都是js,D是C的iframe,C是B的iframe,B是A的iframe,在D中跳转页面的写法区别如下。 二、JS跳转 window.location.href、location.href 本页面跳转,D页面跳转 parent.location.href 上一层页面跳转,C页面...
  • 点击iframe嵌套页面跳转的第二个页面 要实现不管进入多少层iframe页面,点击回退都直接跳到页面a. 实现: 为了不影响路由判断,使用回退的方法。 首先在进入页面b时,记录一下history.length,并把这个值赋给页面的...
  • iframe页面包一层div,然后加上以下样式 -webkit-overflow-scrolling: touch; overflow: scroll; 例如 //html <div class="aa"> <iframe src="" width="100%" height="100%"></iframe> &...
  • 做过的这个后台管理框架,最开始的需求是PC,但随着业务需要,需要将项目兼容到ipad,后台的框架也是使用的开源框架开发,使用的是iframe嵌套页面的方式 1、内部嵌入iframe,里面的内容页面中有绝对定位的元素,会...
  • iframe
  • 如果报以上错误,把iframe和父页面代码都放入工程项目中在本地跑起来即可解决同源问题。 js代码: functiongetIframe(id){ returndocument.getElementById(id).contentWindow.document; } functionframeDiv(){ ...
  • 一、背景A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,在D中跳转页面的写法区别如下。二、JS跳转window.location.href、location.href 本页面跳转,D页面跳转parent.location.href 上一层页面跳转,C...
  • 使用iframe嵌套页面,在点击父页面的链接时,(1)不会刷新;(2)可以刷新。原因不详 (1)self.parent.frames["frameId"].document.location.href = url; (2)window.self.parent.document....
  • 打开源码可以看到 每个子页面的路由都是类似的 window.parent.document.getElementById('frame-dft').src='/indexCreate' 只需要在事件里面重新设置src的参数就可以 携带参数 在src的后面可以拼接参数 window....

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 20,051
精华内容 8,020
关键字:

iframe嵌套页面