我们可以在同一页面中显示其他html页面信息

时间:2012-02-02 09:23:02

标签: html html5

我正在构建包含多个页面的网页。我不想使用链接转到这些页面。我已经在页面底部给出了页码。但当我点击该页码时,页面应该是其他页面的信息应该在同一页面中。我可以实现这个目标吗?

4 个答案:

答案 0 :(得分:2)

如果你不想重定向到另一个页面,你必须使用一个框架(更简单的方法,但真的更丑)或AJAX。 AJAX代码很简单,如果你需要它我会发表评论:)

答案 1 :(得分:0)

CSS-tricks的克里斯·科伊尔(Chris Coyier)有一个great article解释了一种非框架的SEO友好技术。

答案 2 :(得分:0)

var oXHR = new XMLHttpRequest();

oXHR.open("get", "page.php?num=1", true); // here you get the page you need

oXHR.onreadystatechange = function ()
{
   if (oXHR.status != 200)
   document.getElementById('page_displayed').innerHTML = "Error: " + oXHR.status + " " + oXHR.statusText;
   else
      document.getElementById('page_displayed').innerHTML = oXHR.responseText;
      // here will be displayed your content
}

oXHR.send(null);

这是AJAX代码。然后在“page.php”中你必须编写类似的内容(我将用伪代码编写):

<?php
   // ipotize you see 10 post for every page
   $post = 10;

   $page_num = $_GET['num'];

   // select from database the content you need
   $sql = "SELECT content FROM pages LIMIT 0, ".$post;
   // OR (if you have more html contents for different pages)
   // if ($page_num == 1)
      {
 ?>
 <html code here>
 <?php
      }

      // in each case you must return some text, it will be displayed on your page
 ?>

询问您是否理解:)

答案 3 :(得分:-1)

是框架对你来说是最好的。

详细信息的链接是http://www.w3schools.com/html/html_frames.asp