解决iframe加载的内容有时显示有时不显示

在ASP.NET MVC项目中遇到了这样的一个问题,假设父页面有一个iframe

<iframe id="sth" src="" scrolling="no" frameborder="0" width="100%" height="100%"></iframe>

通过父页面上的一个按钮触发该iframe的src属性指向一个url:

var url = "/somecontrollername/someactionname";
$("#sth").attr("src", url);

通过someactionname这个action渲染的视图,称为子页面吧。当第一次触发父页面按钮加载子页面,子页面内容完全显示,之后再次触发父页面按钮,子页面内容却不显示。

百思不得其解......

也许,子页面加载完毕让其再刷新一次,会怎样呢?在子页面尝试如下:

$(function(){
    if (window.location.href.toLowerCase().indexOf("loaded") < 0) {
        window.location = window.location.href + ‘?loaded=1‘
    }
});

问题解决!但是,why? :-P

时间: 2024-10-11 23:22:59

解决iframe加载的内容有时显示有时不显示的相关文章

javscript 实现iframe加载内容页出现LOADING效果

<div id="load" align="center"> <img src="http://sc.cnwebshow.com/upimg/allimg/070707/01294420.gif" /> loading </div> <!-- 首先放一个div,用做loading效果 --> <iframe id="demo" src="http://www.**

iframe 加载外部资源,显示隐藏loading,onload失效

在项目中使用iframe 来加载外部资源,需要在iframe请求外部资源的时候,需要显示一个loading,在加载完成后,将这个loading隐藏掉,刚开始看到W3C中 iframe有一个 onload事件----该事件在iframe加载资源完成后就会触发,但是这个事件我试了试,发现触发不了,最在https://stackoverflow.com/questions/20572734/load-event-not-firing-when-iframe-is-loaded-in-chrome找到了

JS iFrame 加载慢怎么解决

在项目中经常要动态添加iframe,然后再对添加的iframe进行相关操作,有时候会遇到iframe加载很慢什么原因呢,该如何解决呢?带着这个问题一起通过本文学习,寻找答案吧! aaa.html <HTML> <HEAD> <TITLE>aaa</TITLE> </HEAD> <BODY> <IFRAME src="bbb.html" name=bbb width="100%" heigh

打开Visual Studio 2010,左下角显示加载工具箱内容

打开Visual Studio 2010,左下角显示加载工具箱内容 不知何时起,每次打开Visual Studio2010时在左下角显示加载工具箱内容,这个过程简直就是煎熬. 于是开始在网上查找解决办法.大多解决办法都是用Visual Studio2010命令提示符执行以下两个命令: 1,输入:devenv /ResetSkipPkgs,然后回车 2,输入:devenv /ResetSettings,然后回车 在经过n变尝试之后发现并无卵用.  最后好不容易找到以下这篇文章: http://mi

打开Vs2010时,卡在加载工具箱内容 不动了

我是直接打开Visual Studio 2010,而不是以打开解决方案的方式打开.然后就在左下角显示"正在从包'Microsoft.VisualStudio.IDE.ToolboxControlsInstaller.ToolboxInstallerPackage'{2C298B35-07DA-45F1-96A3-BE55D91C8D7A}加载工具箱内容"的时候卡住...并且在WIndows任务栏的右边显示一个Visual Studio 2010小图标,鼠标经过时会浮动提示"延

Android开发技巧——解决TextView加载HTML的一些问题

前几天在做一个Gradle用户指南的应用程序,使用的是TextView来加载HTML内容(至于为什么不用WebView,我也没有认真使用并比较过,也许以后会换吧),其中遇见了一些纠结的问题,所幸主要的问题都一一解决了. 下面说一下遇见的几个问题及我的解决方法. TextView异步加载HTML中的图片及图文重叠 在TextView中加载HTML图片,需要实现Html.ImageGetter接口,然后在public Drawable getDrawable(String source)中去获取图片

有效解决Android加载大图片时内存溢出的问题

首先解析一下基本的知识: 位图模式,bitmap颜色位数是1位 灰度模式,bitmap颜色位数是8位,和256色一样 RGB模式,bitmap颜色位数是24位 在RGB模式下,一个像素对应的是红.绿.蓝三个字节 CMYK模式,bitmap颜色位数是32位  在CMYK模式下,一个像素对应的是青.品.黄.黑四个字节 图像文件的字节数(Byte) = 图像分辨率*颜色深度/8(bit/8) 例如:一幅640*480图像分辨率.RGB色一般为24位真彩色,图像未经压缩的数据容量为:640X480X24

转:iframe加载的子页面里面获取父级元素窗口以及元素的高度

iframe里的js要操作父级窗口的dom,必须搞懂几个对象: parent是父窗口(如果窗口是顶级窗口,那么parent==self==top) top是最顶级父窗口(有的窗口中套了好几层frameset或者iframe) self是当前窗口(等价window) 父级页面:index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>父窗口<

使用jquery的load方法设计动态加载,并解决被加载页面JavaScript失效问题

一.问题分析 对于后台系统,相比大家都有所印象,知道其中的布局结构,如图: 在这种布局中我们需要将header,sidebar,footer分开,而且对于中间部分的content内容需要动态变化,即根据不同菜单定位到不同页面,而整体布局不会变化 这种布局结构对于单纯的HTML不具备这种嵌入各部分内容的能力,所以就需要我们自己来寻找或者解决这种问题,由于jquery的兼容性和使用广度比较不错,这里 使用jquery的load方法来处理这种页面布局框架. 二.load方法详解 1.定义 $(sele