欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

基于jQuery捕獲超鏈接事件進(jìn)行局部刷新代碼

 更新時(shí)間：2012年05月10日 00:53:45   作者：  
使用Google的UI的時(shí)候，在當(dāng)前頁(yè)面打開一個(gè)超鏈接，網(wǎng)頁(yè)會(huì)根據(jù)需要進(jìn)行局部刷新，而不是替換整個(gè)頁(yè)面。當(dāng)用戶選擇新窗口打開超鏈接的時(shí)候，超鏈接仍然可以到達(dá)預(yù)想的頁(yè)面

核心代碼:
復(fù)制代碼 代碼如下:

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>A Click Event Test</title>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
$(function(){
/* 點(diǎn)擊事件會(huì)在超鏈接跳轉(zhuǎn)前發(fā)生 */
$("#div_test a").click(function(){
var link = $(this).attr('href');
$('#div_view').attr('src', link);
var href = window.location.href;
window.location.href = href.substr(0, href.indexOf('#')) + '#' + link;
return false;
});
});
</script>
</head>
<body>
<div id="div_test">
<ol>
<li><a href="http://www.dbjr.com.cn">jb51.net</a></li>
<li><a >server</a></li>
<li><a >sc.jb51.net</a></li>
</ol>
</div>
<iframe id="div_view" width="100%"></iframe>
</body>
</html>

這只是我用jQuery做的一個(gè)測(cè)試，不知道Google是怎么實(shí)現(xiàn)的。例如，當(dāng)點(diǎn)擊一個(gè)超鏈接事件之后，頁(yè)面通過(guò)iframe來(lái)進(jìn)行局部刷新。而此時(shí)瀏覽器的地址欄應(yīng)該會(huì)發(fā)生變化，這個(gè)如何改動(dòng)呢？

我目前是通過(guò)修改 window.location 來(lái)使地址發(fā)生改變的，但是我只能改變#符號(hào)后面的內(nèi)容吧。如果前面的內(nèi)容也變了，可能會(huì)導(dǎo)致瀏覽器刷新整個(gè)頁(yè)面？

相關(guān)文章

最新評(píng)論