如何在不重新加載的情況下動態加載我的頁面？

我有一個簡單的html/css網頁：www.eveo.org 如何在不重新加載的情況下動態加載我的頁面？

我所有的內容都位於我的「內容」div，400px高，960px寬。我怎麼能更新我的內容到該div沒有實際刷新網頁？

2011-08-15 eveo

添加到jQuery的方面住，這裏就是我做的非常的事的例子。

我在我的頁面上有一個鏈接，打開一個容器，該容器絕對位於用鼠標點擊的位置，在此容器中是您單擊的鏈接的內容。代碼比我在這裏顯示的執行我的具體任務的代碼多得多，但這應該足夠抽象以供您使用。

現場演示：http://wecodesign.com/demos/stackoverflow-7071545.htm

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js'></script> 
<script type="text/javascript"> 
function updateContainer(url) { 
    dynamicCon = '#dynamicContainer';  
    ObjTag = $(dynamicCon); 
    ObjTag.load(url); 
} 
$(document).ready(function() { 
    $('a[rel="dynamicLoad"]').bind("click", function(event) { 
     url = $(this).attr('href'); 
     updateContainer(url); 
     event.preventDefault(); 
     event.stopPropagation(); 
    }); 
}); 
</script> 

<ul> 
    <li><a href="stackoverflow-7071545-1.htm" rel="dynamicLoad">Page 1</a></li> 
    <li><a href="stackoverflow-7071545-2.htm" rel="dynamicLoad">Page 2</a></li> 
    <li><a href="stackoverflow-7071545-3.htm">Page 3 (Will not dynamic load)</a></li> 
</ul> 
<div id="dynamicContainer"></div>

如果你不熟悉使用jQuery，我要解釋一些事情

jQuery是，使得開發的JavaScript應用程式方便很多圖書館，並且它已經過跨瀏覽器測試，我已經收錄了Google的公開版本，因此我不必託管它，這會使頁面加載速度更快，因爲用戶很可能已經緩存了此Google版本。
在我updateContainer()功能，我使用指定的jQuery selector syntax容器，然後我把它改成一個jQuery標籤$()，使其成爲一個對象，然後我就可以操作。然後我使用load來動態更新它傳遞給函數的url。
$(document).ready(function() {});在jQuery中是一個非常普遍使用的東西，它基本上說，當文檔是ready時，運行花括號中的內容。
我把一個rel =「dynamicLoad」放在我想要影響的錨點標籤上，我這樣做是因爲你可能不希望所有鏈接動態加載到這個容器中。選擇器a[rel="dynamicLoad"]所做的是找到具有此rel標籤屬性的所有定位標籤，並使用我指定的代碼修改它們。
我抓住url併發送給updateContainer()函數，然後我運行event.preventDefault()和event.stopPropagation()來停止鏈接的默認操作，即打開頁面，你會注意到我通過了「event 「進入函數調用。

來源

2011-08-16 00:04:57

此方法會影響谷歌分析？分析會將此方法檢測爲頁面加載嗎？我擔心這會增加我網站的跳出率。有沒有其他解決方案可以使頁面的某些內容變爲靜態和動態，而不會增加跳出率，並且還可以讓分析將其檢測爲頁面加載？ –

請在這裏回答我的問題.. http：// stackoverflow。COM /問題/ 20495253 /結合 - 內鏈接上-A-網頁到負載動態而不增加最analyti –

看看http://api.jquery.com/jQuery.ajax/。

來源

2011-08-15 22:29:33

，如果你可以依賴jQuery的是quite easy

來源

2011-08-15 22:30:35 fvu

此方法是否會影響谷歌分析？分析會將此方法檢測爲頁面加載嗎？我擔心這會增加我網站的跳出率。有沒有其他解決方案可以使頁面的某些內容變爲靜態和動態，而不會增加跳出率，並且還可以讓分析將其檢測爲頁面加載？ –

請在這裏回答我.. http://stackoverflow.com/questions/20495253/bind-inner-links-on-a-webpage-to-load-dynamically-without-increasing-the-analyti –

如何在不重新加載的情況下動態加載我的頁面？

回答

相關問題