Javascript 如何使用#创建动态页面?
我注意到很多页面,比如Twitter和其他一些网站,都将AJAX融入了他们的设计中。引起我注意的一件事是使用#!在URL中。我不知道如何为自己或他们使用的方法做到这一点,谢谢 您可以从非常简单的东西开始,然后使用或插件。阅读这两本书的手册,你就会明白其中的意思 下面是一个简短的概述: 更新: 好吧,让我们以Hashchange插件为例。下面的代码非常原始,但我认为它将有助于理解基本部分 HTML:Javascript 如何使用#创建动态页面?,javascript,jquery,ajax,html,Javascript,Jquery,Ajax,Html,我注意到很多页面,比如Twitter和其他一些网站,都将AJAX融入了他们的设计中。引起我注意的一件事是使用#!在URL中。我不知道如何为自己或他们使用的方法做到这一点,谢谢 您可以从非常简单的东西开始,然后使用或插件。阅读这两本书的手册,你就会明白其中的意思 下面是一个简短的概述: 更新: 好吧,让我们以Hashchange插件为例。下面的代码非常原始,但我认为它将有助于理解基本部分 HTML: 您可以从一些非常简单的东西开始,使用或插件。阅读这两本书的手册,你就会明白其中的意思 下面是一个简
您可以从一些非常简单的东西开始,使用或插件。阅读这两本书的手册,你就会明白其中的意思 下面是一个简短的概述: 更新: 好吧,让我们以Hashchange插件为例。下面的代码非常原始,但我认为它将有助于理解基本部分 HTML:
我了解页面锚,我想知道如何在不重新加载页面的情况下更改浏览器中的URL我了解页面锚,我想知道如何在不重新加载页面的情况下更改浏览器中的URL
<ul>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact Us</a></li>
<li><a href="/links">Links</a></li>
</ul>
<div id="page"></div>
$(function(){
/*
* We override the default
* behaviour of our links
* and change the hash of the URL,
* e.g. '/contact' -> '#contact',
* so the address bar of the browser
* would change to
* 'http://example.com#contact'
*/
$('ul').find('a').click(function() {
var hash = $(this).attr('href').replace('#', '');
window.location.hash = hash;
return false;
});
/*
* The main hashchange logic
*
* We use jQuery.load to retrieve
* a specific part of the loaded document,
* #page here
*/
$(window).hashchange(function() {
var newLoc = window.location.hash.replace('#', '');
$('#page').load('/' + newLoc + ' #page');
});
$(window).hashchange();
});