紧急求助！！！！！救命啊，大哥们。

就是在同一个文件夹下（本地和服务器都是，不知道算不算跨域，应该只是跨页面吧）有a.html和b.html两个页面，其中a有一个链接是指向b.html的，如何实现a的这个链接能自动显示为b .html的标题，不用到数据库这么复杂吧？我做的都是纯静态页面的，只用JS解决可以吗？？也就是a的链接总能自动获得b这个页面的标题。如果JS实现不了，则最简单的AJAX又怎么实现呢？请各位老大帮我把a.html和b.html分别写出来吧。在线急等啊。今天有位朋友写了一个给我：原文照搬如下，但我不懂AJAX，依葫芦画瓢，照样做成两个网页文件，但用起来不行啊此事非常急，请各位朋友帮忙了。以下是那位朋友写的：用服务器端的话比较容易，js的话，要求a.html和b.html在同一个域下，否则不能跨域访问。用ajax可以异步获取b.html的内容然后用正则表达式来提取title的内容：
a.html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> A</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var b = null;
function update(){
 $.get(
  'b.html',
  {},
  function(data){
   b = data;
   var tt = data.match(/<title>(.+)<\/title>/);
   alert(tt[1]);
   $('#ttb').html(tt[1]);
  }
 );
}
</script>
</head><body>
<button onclick="update();">Update</button>
The title of b.html is : <a href="" id="ttb"></a>
</body>
</html>b.html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>B</title>
</head><body></body>
</html> 

解决方案 »

  1.   

    用什么jquery啊。直接几行代码就可以了
    <button onclick="update();">Update</button>
    The title of b.html is : <a href="" id="ttb"></a><iframe name=B onload="show()" style='display:none'></iframe><script>
    var flag=false;
    function update(){
    flag=true
    window.frames["B"].location.href="b.html";
    }
    function show()
    {
     document.getElementById("ttb").innerHTML=window.frames["B"].document.title
    }
    </script>
      

  2.   

    jquery的实现方法<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title> A</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script><script type="text/javascript">
    var b = null;
    function update(){
     $.get(
      'b.html',
      function(data){  var tt = data.match(/<title>(.+)<\/title>/);
      alert(tt[1]);
      $('#ttb').html(tt[1]);
      }
     );
    }
    </script>
    </head><body>
    <button onclick="update();">Update</button>
    The title of b.html is : <a href="" id="ttb"></a>
    </body>
    </html>
      

  3.   

    var tt = $("data").find("title").text();
      

  4.   

    http://hi.csdn.net/invite.php?u=3370434&c=9cb528505d2f42a0 加好友
      

  5.   

    强势围观，学习中ing ..........
      

  6.   

    这段代码中用到了jquery-1.4.2.min.js,楼主必需有这个js文件。
      

  7.   

    jquery-1.4.2.min.js这个文件是jquery的一个库，楼主可以到网上下载此文件，然后放到a.html同目录下