用iframe来实现一个页面嵌套另一个页面,以此来实现页面局部动态刷新,就像AJAX做的效果。
用struts2.0做的:
<iframe id="pic" name="pic" width="100%" scrolling="no" onload="this.height=pic.document.body.scrollHeight" frameborder="0"
src="Page.action?returnPage=viewpicture&classId=<s:property value="#request.scene.id"/>&currPage=<s:property value="#request.currPage"/>">
</iframe>
这样就可以了。
但是上面的iframe在firefox下面却不能显示出来,还有Apple Safari浏览器里面都无法显示出来。
这时候要加JS代码了
<script>
var ie=!!document.all;
function LoadIf(){
var doc;
if(ie){
doc = frames['pic'].document;
}else{
doc = document.getElementById("pic").contentWindow.document;
}
document.getElementById("thumbnailwrapper").innerHTML = doc.body.innerHTML;
}
</script>
这样就可以搞定了。
分享到:
相关推荐
主要介绍了在vue中实现嵌套页面(iframe),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
最近在做作业中需要在不用iframe的情况下嵌套页面,所以只好在div中嵌套,用的是jquery方法。 复制代码代码如下: [removed] $(document).ready(function() { $(“#button”).click(function() { $(“#content”)....
就想弄一个winform结合html5的一个小东西,突有心血来潮,想在里面嵌套一个微信网页版,下面小编给大家介绍下HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法,一起看看吧
iframe跨域嵌套自适应高度 iframe跨域嵌套 丢失session值(针对嵌套asp.net 做的网站)
练习说明:使用postMessage可以在iFrame、父子窗口、跨页面等,之间相互传递消息。 你好,我是TKCB-GO,一个有着游戏策划梦想,却沦为程序员的游戏家,这是我的技术博客:www.tkcb.cc 技术博客网站里面,除了我的...
vue页面tab切换,替换原来的iframe实现,利用vue的router-view和keep-alive实现
刚开始用iframe页面嵌套(第一次尝试使用),但发现iOS系统对iframe嵌套页面的高度和定位控制的不到位,具体表现为,当嵌套的子页面的高度大于父页面的高度,且子页面中有触发弹框事件时,这时,如果子页面高度远远...
iframe弹出框遮罩父类页面,进去之后直接打开demo里面的layout.html 页面看效果,然后查看代码;才方法不需要将子类的js 及弹出框的代码写在父类里面,依旧是写在子类页面里面
主页面中使用iframe嵌套页面,在嵌套的子页面中冻结表头
HTML不支持嵌入在HTML页面中的HTML页面。实现这一功能通过使用以下方式: ...使用AngularJS,我们可以用ng-include指令在一个HTML页面嵌入另一个HTML页面。 <div ng-include='main.html'></div> <di
首先在父页面的javascript给定义一个window.name,并赋予一个字符串值,如window.name="test",其中赋予的字符串值可以随意定义,然后在Iframe页面的Form 标签中定义target属性,并且其值也必须与之前定义的window....
iframe实现左侧菜单右侧页面简单示例。点击左侧菜单,右侧显示不同html内容,并加有css样式,美观实用。很简单的界面,没有多余功能。博文网址:https://blog.csdn.net/LawrenceUyi31?type=blog
多层嵌套iframe 自适应高度的解决方法
网页,嵌套微信公众平台页面
以一个简单的小例子讲述了iframe页面中的相互调用,此为iframe页面中又嵌套iframe的页面的例子,希望对大家有帮助
Iframe装载在div中,设置iframe的大小。
测试方法:A站全站调用此JS,然后在B站网页IFRAME嵌套A站,浏览B站嵌套页面,即会跳转到A站。
这是关于iframe使用过程中出现的问题整理的解决方法,关于使用iframe不用单独写接口打通数据,直接把数据通过ifarme嵌套方法传递过去,使用简单方便。