div中顯示某個網頁

標籤：c   style   blog   a   http   tar   

原文: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();
}