使用iframe和jquery

时间:2013-12-23 13:41:40

标签: javascript php jquery html css

在我的代码中,我有一个jquery脚本,它有一个下一个&上一页功能。 jquery脚本加载php脚本来解析选定的页面。解析后的页面删除了一个名为postsArea的div,并放入一个id为wrap的div中。截至目前,jQuery脚本已设置为将div postsArea放入div换行中。我想要做的是将div postsArea放入带有id消息的iframe。

JQuery:

$('document').ready(function () {
    var $wrap = $('#wrap'),
    page = 1;
    $('#next').on('click', function () {
        getPage(++page);
    });
    $('#prev').on('click', function () {
        getPage(--page);
    });
    var getPage = function (page) {
        $wrap.load('proxy.php?page=' + page + ' #postsArea');
    };
    getPage(page);
});


PHP:

<?php
    include( 'site/simple_html_dom.php'); 
    $html=file_get_html( 'http://roosterteeth.com/home.php?page=' . $_GET["page"]);
    echo $html;
?>


HTML:

<body>
<div id="wrap">
</div>
<button type="button" id="next">Next</button>
<button type="button" id="prev">Previous</button>
</body>

<小时/> 我非常感谢您的帮助,感谢您的时间。

1 个答案:

答案 0 :(得分:1)

iframe基本上只是一个能够执行http查询的子窗口。您只需将iframe元素值的“src”属性设置为右侧URL。

$("iframe").attr("src",'proxy.php?page=' + page + ' #postsArea');