div中显示某个网页

时间:2023-03-09 07:08:06
div中显示某个网页

原文:div中显示某个网页

1.<iframe>方法

div中显示某个网页

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

}