原文:div中显示某个网页
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 openDia(){
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
});
}
数据源页面:
注意jquery请求的页面中去掉head与title标记.
添加关闭按钮时注意不要window.close(),只需将div清空后隐藏即可。:
function diaClose(){
var index_dialog=window.parent.parent.$("#dialog");
index_dialog.empty();
index_dialog.fadeOut();
}