在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

回答

相关问题