div中显示网页的方法

最新推荐文章于 2022-08-05 16:56:29 发布

转载最新推荐文章于 2022-08-05 16:56:29 发布 · 2.1k 阅读

文章标签：

#Ajax

本文介绍了两种实现跨框架页面局部刷新的方法：使用iframe标签和结合ajax技术。通过具体实例展示了如何利用这两种方式来达到目标效果，特别适用于需要局部更新内容而又不想整个页面重新加载的场景。

1.<iframe>方法

2.ajax方法

ajax+流实现无框架限制块刷新：
主框架index页面：
js:
$(function(){
$("#dialog").dialog({
width:500,
height:550
});
$("#dialog").openDialog();
$("#dialog").hide();
});

html:
<div id="dialog">
</div>
子框架页面：
js：
function openDialog(){
var queryStr={
id:$('#id').val()
};
$.get("itemPlot.asp",queryStr,function(data){
//获取到主框架上的div对象
var index_dialog=window.parent.parent.$("#dialog");
//将ajax提交页面获取到的html文本流填充到主框架div中
index_dialog.html(data);
//使其渐变显示
index_dialog.fadeIn();
//ok
});
}