我自願爲我當地的動物收容所製作一個網站,他們想要一個與http://fsasri.com/非常相似的網站。我真的很喜歡他們對按鈕做什麼,以及當你只點擊中心div變化時。 iv試圖用innerhtml和jquery版本來完成很多方面,我無法記住它從我的頭頂。無論我做什麼,我都無法放入那麼多新內容,並且互聯網瀏覽會彈出安全警告,並且不會讓更改發生,除非您允許阻止的腳本和activeX。幫助你們如何實現這種效果,以及如何避免這種彈出網絡探索將幫助捆綁。 iv一直在做很多的研究,迄今爲止還沒有運氣更新網頁的內容而不更新
回答
http://fsasri.com的網站使用的幀,我真的不會推薦,因爲如果使用不正確,由於大量的安全問題。
但是,您可以做的是使用jQuery的Ajax函數更改「主」div的內容。你應該按鈕看起來是這樣的:
<a href="javascript:void(0);" class="button" onclick="getPage('home')">Home</a>
而且具有以下功能,您可以使其正常工作:
<script>
function getPage(page)
{
$.ajax({
type: "GET",
url: 'www.yourweb.com/' + page + '.html',
success: function(data) {
$('#maindiv').html(data);
}
});
}
</script>
對不起,我對ajax很陌生,所以這會讓我決定我在主Div中改變什麼?比如放入文本段落或谷歌地圖 – Tay 2012-07-15 14:34:30
上面顯示的例子完全改變了maindiv的內容。但是,通過使用CSS選擇器,您只能更改主div中的某些數據。以下內容僅會更改maindiv中標題(h1)元素的HTML: $('#maindiv h1')。html(data); – liliumdev 2012-07-15 14:47:15
非常酷,我試圖實現它,並有一個確定的改進,我現在的問題是,與url部分我想給另一個HTML文件在同一文件夾的URL,然後HTML文件夾將正是我想要的div的內容是?附:我非常感謝你的幫助 – Tay 2012-07-15 14:54:13
嘗試使用ASP.net?
您自己的VB/C#代碼將更新或更改您想要更改的網站頁面的任何內容。
這似乎是一個偉大的工具,感謝將我的注意力集中在它 – Tay 2012-07-15 14:59:01
HTML:
<a href="http://path.com/to/page.html" data-ajax>Home</a>
JS:
$(function() {
var box = $('#loadtodiv');
$(document).on('click', 'a[data-ajax]', function(e) {
e.preventDefault();
$.ajax({
type: 'post',
url: $(this).attr('href'),
success: function(data) {
box.html(data);
}
});
});
});
像這樣的東西應該這樣做,提供頁面上的內容只是針對箱子,否則你」將不得不以speficically爲目標頁面上的元素。
- 1. asp.net:更新頁面內容而不刷新(部分頁面更新)
- 2. 更新jsp頁面的內容而不刷新
- 3. 解析並更新liferay網頁內容
- 4. 更新html表而不更新頁面
- 5. 網頁不更新
- 6. 可更新內容不可更新
- 7. 更改PlayStore中的新內容而無需重新更新
- 8. Spotify網絡播放器 - 更新網址而不刷新網頁
- 9. 更新頁面內容更改指針
- 10. 更新內容
- 11. 更改網頁的內容而不更改URL
- 12. 如何更改UIPicker的內容而不創建新內容?
- 13. 更新頁面內容不刷新頁面
- 14. 更新和檢索更新的值,而不刷新頁面
- 15. Drupal的 - 更新內容類型與新領域不更新現有內容
- 16. HTML - 更新\更新頁面內容,無需刷新\重新加載頁面
- 17. UIScrollView內容不更新
- 18. 內容不包含更新
- 19. 更新網址而不刷新
- 20. 更新網址而不刷新頁面中的鉻擴展
- 21. 網頁不會更新IIS7
- 22. Android WebView在網頁內容更改後不刷新
- 23. 刷新網頁的內容
- 24. 更新InfoBox內的內容
- 25. 如何讓網頁上的框架不斷更新內容而無需用戶刷新頁面?
- 26. 更新內容後更新智能表
- 27. 更新面板沒有更新內容
- 28. 更新網頁的緩存時更新我的網頁
- 29. 更新JFrame內容
- 30. 更新表內容
IE警告是在現場網站上發生的,還是隻在您的本地測試中發生? – j08691 2012-07-15 14:08:43
只是當本地測試我沒有與它一起生活我仍然在開始的步驟 – Tay 2012-07-15 14:26:59
發佈您的代碼,以便被審查和/或更正。 [關於Ajax的描述性jQuery信息](http://api.jquery.com/jQuery.ajax/)。 – Vidul 2012-07-15 14:10:55