iFrame

作者: 折叠小猪 | 来源:发表于2017-01-18 19:50 被阅读0次

背景

地图会因为我滑动到不同的地方获得不同的点,我很尴尬。

回正题,iFrame可以引用一整个其他的页面,这样就能保证在这个内部的页面,我的地图是不会有滚动条滑动的,毕竟我给了body高宽100%,感觉这样很不厚道。。

<iframe name="mapFrame" src="son.html" width="100%" height="100%"></iframe>

用起来真是猴方便,因为引入js和css文件都是用的.net的方法,所以干脆写了个cshtml
@{ Layout = null; }
上面这玩意儿能帮你去掉默认模板,别忘了带上

iFrame内外通信

爸比找鹅几

  1. 为了方便找我们要给鹅几一个名几
    <iframe name="eji" src="eji.html"></iframe>

  2. 有天鹅几出去玩,没有回来,于是爸比就去找鹅几了
    window.frames["eji"].document.getElementById('menu'); //由于所有的函数都存放在window对象里面,可去掉开头的window frames["eji"].document.getElementById('menu'); //在浏览器中,帧的name属性被默认等同于子页面的window对象,因此可以进一步简写: eji.document.getElementById('menu');
    直接喊鹅几的名字找当然最简单啦,之后要么亲一个要么抱一抱就随便你啦

鹅几找爸比

  1. 首先还是要先找到爸比
    parent.window.document.getElementById('parentMenu'); //简写 parent.document.getElementById('parentMenu');
    鹅几当然不会喊爸比名字啦,肯定是放开嗓子大喊“爸比”,嗯,就酱

  2. 鹅几渴了,想咕噜咕噜了,找爸比要啦,调用父页面函数或对象
    parent.getWater();
    直接调用就可以啦~么么哒

相关文章

  • HTML常用标签的介绍

    iframe a form input select textarea table iframe iframe单独...

  • HTML常用标签的笔记整理

    iframe a form input select textarea table iframe iframe单独...

  • HTML常用标签iframe、a、form、input、tabl

    本文所介绍的标签:iframe、a、form、input、table iframe 标签 嵌套页面 iframe ...

  • H5在ios中使用iframe滚动失效问题

    iframe设置了高度(例如500px)。倘若iframe的内容超出了iframe设定的高度时。iframe内部h...

  • jQuery-iframe加载完成后触发的事件监听

    获取iframe变量 :iframe.contentWindow. variate

  • 网页局部打印功能

    思路: 将打印内容写入到iframe中,通过iframe的window对象print()方法实现iframe打印 ...

  • iframe

    iframe 用于在网页内显示网页。 添加iframe语法 URL 指向隔离页面的位置。 Iframe - 设置高...

  • Iframe内嵌框架

    1.