iFrame

2017-01-18  本文已影响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();
    直接调用就可以啦~么么哒

上一篇 下一篇

猜你喜欢

热点阅读