div中显示某个网页

浏览数：43 / 时间：2015年06月09日
原文: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();
}

div中显示某个网页,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： style html src 数据 sp js style html src 数据 sp js

相关文章

随机文章

您可能还喜欢

您可能还喜欢