在jQuery中使用iframe

在我的代碼中，我有一個jQuery腳本，它具有下一個&上一頁功能。 jquery腳本加載一個php腳本來解析選定的頁面。解析後的頁面中有一個名爲postsArea的div被刪除，並被放入一個帶有換行標識的div中。截至jQuery腳本設置爲將div postsArea放入div包裝的時刻。我想要做的是將div postsArea與id消息放入iframe中。在jQuery中使用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>

我非常感謝任何幫助，並感謝您的時間。

來源

2013-12-23 Sabre

是與您的腳本相同的域上的iframe？ – maxedison

@maxedison是的，它是 – Sabre

一個iframe基本上只是一個能夠執行http查詢的子窗口。您只需將iframe元素值的「src」屬性設置爲正確的url即可。

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

來源

2013-12-23 13:45:01 Calimero

謝謝你的幫助，但我有一個問題。 iframe正在顯示整個網頁，只是向下滾動到「#postsArea」。我只想顯示'#postsArea'。我希望你能幫忙。 – Sabre

這涉及到刮你正在查詢的頁面。你可以在proxy.php中使用服務器端，或者在ajax請求中使用jQuery在客戶端使用jQuery（但iframe不會很有用，因爲它適用於顯示完整的html頁面，而不僅僅是單個元素）。 – Calimero

好的，謝謝你的幫助 – Sabre

在jQuery中使用iframe

回答

相關問題