div中显示网页的方法

1.<iframe>方法

<div style="border:1px red solid; width:400px; height:300px; overflow:auto; display:block">
    <iframe src="abc.html" marginWidth="0" marginHeight="0" frameBorder="0" allowTransparency="true" style="width:400px; height:600px;" />
</div>




2.ajax方法


ajax+流实现无框架限制块刷新:
主框架index页面:
js:
$(function(){   
    $("#dialog").dialog({
        width:500,
        height:550
    });
    $("#dialog").openDialog();
    $("#dialog").hide();    
});


html:
<div id="dialog">
</div>
子框架页面:
js:
function openDialog(){
    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   
    });
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值