原文:

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();

}