<img src="http://files.jb51.net/file_images/article/201205/2012051001.gif" border="0" alt="基于jQuery捕获超链接事件进行局部刷新代码_jquery" ><br>核心代码: <br><div class="codetitle"> <span><a style="CURSOR: pointer" data="54331" class="copybut" id="copybut54331" onclick="doCopy('code54331')"><u>复制代码</u></a></span> 代码如下:</div> <div class="codebody" id="code54331"> <br> <br> <br><meta http-equiv="content-type" content="text/html; charset=UTF-8"> <br><title>A Click Event Test</title> <br><script type="text/javascript" src="jquery.min.js"></script> <br><script type="text/javascript"> <BR>$(function(){ <BR>/* 点击事件会在超链接跳转前发生 */ <BR>$("#div_test a").click(function(){ <BR>var link = $(this).attr('href'); <BR>$('#div_view').attr('src', link); <BR>var href = window.location.href; <BR>window.location.href = href.substr(0, href.indexOf('#')) + '#' + link; <BR>return false; <BR>}); <BR>}); <BR></script> <br> <br> <br><div id="div_test"> <br><ol> <br><li><a href="http://www.jb51.net">jb51.net</a></li> <br><li><a href="http://s.jb51.net">server</a></li> <br><li><a href="http://sc.jb51.net">sc.jb51.net</a></li> <br> </ol> <br> </div> <br><iframe id="div_view" width="100%"></iframe> <br> <br> <br> </div> <br>这只是我用jQuery做的一个测试，不知道Google是怎么实现的。例如，当点击一个超链接事件之后，页面通过iframe来进行局部刷新。而此时浏览器的地址栏应该会发生变化，这个如何改动呢？ <br><br>我目前是通过修改 window.location 来使地址发生改变的，但是我只能改变#符号后面的内容吧。如果前面的内容也变了，可能会导致浏览器刷新整个页面？
