如何显示iFrame分页的页码

Question

我的主页包含iframe和分页。

我想在主页的侧边栏上显示iframe页面的页码（意思是，不是在iframe本身，而是在包含iframe的页面中）

这是显示我想要它做什么的图像：

我使用那个jquery代码（使用jquery-1.9.1.js）：

    <script>
  var locations = ["./pages/0.html","./pages/1.html", "./pages/2.html", "./pages/3.html","./pages/4.html"];
  var currentIndex = 0;
  var len = locations.length;
  $(document).ready(function(){
    $(':button').click(function() {
        currentIndex = this.value == "Next" ? 
                currentIndex < len - 1 ? ++currentIndex : len - 1 : 
                currentIndex > 0 ? --currentIndex : 0;
        $('#zoome').attr('src', locations[currentIndex]);
    });
  });
</script>

我想知道在下一个和上一个按钮之间显示页面编号的正确代码是什么？

以下是实时链接：Coreneto

Answer 1

您可以使用此代码获取html

$('#iframe').load(function() {
    var src = $('#iframe').contents().find("html").html();
    alert(src);
});

您也可以使用它来获取元素的特定值。 你没有说出分页值的位置，但我认为它在div或者其他东西中。

获取具体值

$('input:button[name=ButtonName]').click(function() {
    var name = $('iframe[name=IframeName]').contents().find('#ControlId').val();
});

EDIT -------------------------------- 因为您提供了更多信息，这是我的建议。

创建一个计数器标签并将其放在下一个和上一个按钮之间 javascript会在您点击下一个时增加标签金额，在前一个时减少 让你有一个最小和最大的后卫和后卫。这可以防止在页面-1上或比您导航到的页面更高的数字。