Javascript 页面独立加载，但挂起在其他页面下的iframe中

如果在浏览器中键入地址，则此页面将独立加载。但当我使用另一页下的

.load（）

将其作为iframe加载时，它会挂起：

这里有一个iframe来加载页面

<iframe src="readings_page.php" scrolling="no" style="position: relative; top:-25px; width:97.5%; height:95.2%; border:10px solid #404040; overflow:hidden;"></iframe>
<script>
    document.title = "PageLinks | Daily Readings";
    $("#menu ul li").removeClass("active");
    $("#menu ul li:eq(1)").addClass("active");
    show_alerts();
</script>

以下是该元素的html：

<div id="page"> 

</div> 
<style>
#page {
    font-family:"Arial", Helvetica, sans-serif;
    font-size:0.8em;
    width: 778px;
    height: 435px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #404040;
    margin: 0 auto;
    position: relative;
    top: 30px;
}
</style>

#页面{
字体系列：“Arial”，Helvetica，无衬线；
字号：0.8em；
宽度：778px；
高度：435px；
填充顶部：0px；
左侧填充：0px；
右边填充：0px；
背景色：#404040；
保证金：0自动；
位置：相对位置；
顶部：30px；
}

---

是否有其他方法加载readings.php来解决此问题？换句话说，将页面readings\u page.php加载到主页上的div中的最佳方式是什么。我使用iframe的方法挂起。

当DOM准备就绪时，将您的readings\u page.php加载到您的readings.php中：

$(document).ready(function(){
  // DOM is ready now
  $(#page).load('readings.php');
});

---

如果在用户执行一个动作之后只需要显示框架，考虑在页面加载时加载内容（并在页面加载时隐藏框架或包含帧的div）。

---

如果您需要在页面加载后立即看到它，那么我建议您在发送之前尝试在服务器端合并两个页面的源代码，而不是让用户的浏览器发出单独的HTTP请求。

I在页面加载完成后加载readings.php onclick。一定是另一个问题。挂起的意思是你可以看出页面仍在加载吗？还是只是没有出现？另外，它是否在其他浏览器中发生？我在IE中通过jquery加载另一个页面时遇到问题，这是因为我试图加载的页面中有一些无效的html。您是否试图跨域加载.load（）？错误是IE和Safari上的“长时间运行”脚本错误。所有文件都在同一个域中。

$(document).ready(function(){
  // DOM is ready now
  $(#page).load('readings.php');
});