<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>潔靜精微 &#187; history</title>
	<atom:link href="http://julabs.me/blog/tags/history/feed/" rel="self" type="application/rss+xml" />
	<link>http://julabs.me/blog</link>
	<description>想努力创造完美的东西，必须具备心灵的纯洁，同时富于宗教精神。</description>
	<lastBuildDate>Wed, 18 Jan 2012 06:34:33 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>jQuery Address API文档——Methods（方法）</title>
		<link>http://julabs.me/blog/front/jquery-plugin-deep-linking-methods/</link>
		<comments>http://julabs.me/blog/front/jquery-plugin-deep-linking-methods/#comments</comments>
		<pubDate>Sat, 17 Apr 2010 14:29:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[前端]]></category>
		<category><![CDATA[history]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[plugin]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=189</guid>
		<description><![CDATA[关于jQuery Address的Events（事件）和Functions（函数）部分请看《jQuery的历史插件》一文。 Methods（方法） 下面的方法以链接地址http://julabs.me/blog/address.php#/jquery/address.html?site=julabs&#38;name=jon#welcome为例。 $.address.baseURL() 返回：String对象 获得文档的基地址，本例为：http://julabs.me/blog/address.php $.address.autoUpdate() 返回：Boolean对象 获得自动更新模式的设置状态 $.address.autoUpdate(value) 返回：jQuery Address对象 设置自动更新模式是否可用，默认为可用。当它被设为可用时会在地址改变时执行jQuery Address对象的$.address.change函数，当被设为不可用时，可以用来命令$.address.update()触发$.address.change函数 $.address.crawling() 返回：Boolean对象 获得crawling模式的设置状态（这个我也不知道是做什么用的&#8211;!，可以不用管它） $.address.crawling(value) 返回：jQuery Address对象 设置crawling模式是否可用，默认为不可用 $.address.hash() 返回：String对象 获得深层链接中的哈希值，本例为：welcome $.address.hash(value) 返回：jQuery Address对象 设置深层链接中的哈希值 $.address.history() 返回：Boolean对象 获得历史模式的设置状态 $.address.history(value) 返回：jQuery Address对象 设置历史模式是否可用，默认为可用。目前还不能支持基于Webkit的浏览器 $.address.parameter(name) 返回：String对象 根据给定的参数获得相应的查询参数值。如：用$.address.parameter('name')语句，在本例中就可以得到jon $.address.parameter(name, &#8230; <a href="http://julabs.me/blog/front/jquery-plugin-deep-linking-methods/">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>关于<a target="_blank" href="http://www.asual.com/jquery/address/">jQuery Address</a>的<strong>Events（事件）</strong>和<strong>Functions（函数）</strong>部分请看<a href="/blog/front/jquery-plugin-deep-linking/">《jQuery的历史插件》</a>一文。</p>
<h4>Methods（方法）</h4>
<p>下面的方法以链接地址<strong>http://julabs.me/blog/address.php#/jquery/address.html?site=julabs&amp;name=jon#welcome</strong>为例。</p>
<h5>$.address.baseURL()</h5>
<p>返回：String对象</p>
<p>获得文档的基地址，本例为：<strong>http://julabs.me/blog/address.php</strong></p>
<h5>$.address.autoUpdate()</h5>
<p>返回：Boolean对象</p>
<p>获得自动更新模式的设置状态</p>
<h5>$.address.autoUpdate(value)</h5>
<p>返回：jQuery Address对象</p>
<p>设置自动更新模式是否可用，默认为可用。当它被设为可用时会在地址改变时执行<a href="http://www.asual.com/jquery/address/" target="_blank">jQuery Address</a>对象的<strong>$.address.change</strong>函数，当被设为不可用时，可以用来命令<strong>$.address.update()</strong>触发<strong>$.address.change</strong>函数</p>
<h5>$.address.crawling()</h5>
<p>返回：Boolean对象</p>
<p>获得crawling模式的设置状态（这个我也不知道是做什么用的&#8211;!，可以不用管它）</p>
<h5>$.address.crawling(value)</h5>
<p>返回：jQuery Address对象</p>
<p>设置crawling模式是否可用，默认为不可用</p>
<h5>$.address.hash()</h5>
<p>返回：String对象</p>
<p>获得深层链接中的哈希值，本例为：<strong>welcome</strong></p>
<h5>$.address.hash(value)</h5>
<p>返回：jQuery Address对象</p>
<p>设置深层链接中的哈希值</p>
<h5>$.address.history()</h5>
<p>返回：Boolean对象</p>
<p>获得历史模式的设置状态</p>
<p><span id="more-189"></span></p>
<h5>$.address.history(value)</h5>
<p>返回：jQuery Address对象</p>
<p>设置历史模式是否可用，默认为可用。目前还不能支持基于<a href="http://webkit.org/" target="_blank">Webkit</a>的浏览器</p>
<h5>$.address.parameter(name)</h5>
<p>返回：String对象</p>
<p>根据给定的参数获得相应的查询参数值。如：用<code class="javascript">$.address.parameter('name')</code>语句，在本例中就可以得到<strong>jon</strong></p>
<h5>$.address.parameter(name, value, <em>append</em>)</h5>
<p>返回：jQuery Address对象</p>
<p>设置查询参数值。参数<strong>append</strong>默认为不可用，当传入的参数<strong>value</strong>为数组<code class="javascript">Array</code>对象时，<strong>append</strong>为可用</p>
<h5>$.address.parameterNames()</h5>
<p>返回：Array对象</p>
<p>获得所有的查询参数名称，本例为：<strong>site,name</strong></p>
<h5>$.address.path()</h5>
<p>返回：String对象</p>
<p>获得不包含查询字符和哈希值的深层链接值，本例为：<strong>/jquery/address.html</strong></p>
<h5>$.address.pathNames()</h5>
<p>返回：Array对象</p>
<p>获得深层链接值中的文件夹和文件名称，本例为：<strong>jquery,address.html</strong></p>
<h5>$.address.queryString()</h5>
<p>返回：String对象</p>
<p>获得深层链接值的查询字符，本例为：<strong>site=julabs&amp;name=jon</strong></p>
<h5>$.address.queryString(value)</h5>
<p>返回：jQuery Address对象</p>
<p>设置深层链接值的查询字符</p>
<h5>$.address.strict()</h5>
<p>返回：Boolean对象</p>
<p>获得严格模式的设置状态</p>
<h5>$.address.strict(value)</h5>
<p>返回： jQuery Address对象</p>
<p>设置严格模式是否可用，默认为可用</p>
<h5>$.address.title()</h5>
<p>返回： String对象</p>
<p>获得本页面的<strong>title</strong>（标题）值，本页面为<strong>jQuery的历史插件 &#8211; 潔靜精微</strong></p>
<h5>$.address.title(value)</h5>
<p>返回： jQuery Address对象</p>
<p>设置本页面的<strong>title</strong>（标题）值</p>
<h5>$.address.tracker()</h5>
<p>返回： String对象</p>
<p>获得当前页面查看跟踪函数</p>
<h5>$.address.tracker(value)</h5>
<p>返回： jQuery Address对象</p>
<p>设置当前页面查看跟踪函数，如果跟踪函数存在的话，<a href="http://www.google.com/analytics/" target="_blank">Google Analytics（分析）</a>跟踪程序会自动执行跟踪函数</p>
<h5>$.address.value()</h5>
<p>返回： String对象</p>
<p>获得当前深层链接值，本例为：<strong>/jquery/address.html?site=julabs&amp;name=jon#welcome</strong></p>
<h5>$.address.value(value)</h5>
<p>返回： jQuery Address对象</p>
<p>设置当前深层链接值</p>
<h5>$.address.update()</h5>
<p>返回： jQuery Address对象</p>
<p>在<strong>$.address.autoUpdate()</strong>被设置为不可用时，可以用<strong>$.address.update()</strong>来更新值，执行<a href="http://www.asual.com/jquery/address/" target="_blank">jQuery Address</a>对象的<strong>$.address.change</strong>函数</p>
<h5>$.address.wrap()</h5>
<p>返回：Boolean对象</p>
<p>获得wrap模式设置状态，默认为不可用</p>
<h5>$.address.wrap(value)</h5>
<p>返回：jQuery Address对象</p>
<p>设置wrap模式是否可用</p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/front/jquery-plugin-deep-linking-methods/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>jQuery的历史插件</title>
		<link>http://julabs.me/blog/front/jquery-plugin-deep-linking/</link>
		<comments>http://julabs.me/blog/front/jquery-plugin-deep-linking/#comments</comments>
		<pubDate>Sun, 27 Dec 2009 09:55:17 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[前端]]></category>
		<category><![CDATA[history]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[plugin]]></category>

		<guid isPermaLink="false">http://julabs.me/blog/?p=112</guid>
		<description><![CDATA[历史导航和刷新问题是使用Ajax中的一个软肋，但可以用JavaScript来弥补这个问题。jquery history plugin是jquery的一款历史刷新插件，但它有时候会出现一些Bug，如回上一页时会不流畅。 而今天要推荐的的插件是jQuery Address，它是另一款jquery插件，可以完美地实现历史导航与刷新问题，另外还有针对Flash导航的SWFAddress。你可以查看它的文档与API，来详细了解它的用法。 jQuery Address使用很简单，最基础的使用方法如下： $.address.change(function(event) { // 根据event.value的值执行相应的命令 // $('#content').load(event.value + '.xml'); }); $('a').click(function() { // 下面这条命令触发$.address.change事件 $.address.value($(this).attr('href')); }); 此插件也提供了一个可以直接使用的方法： $('a').address(); 上面这条命令也可以增加一个函数，来处理链接的值，如下： $('a').address(function() { return $(this).attr('href').replace(/^#/, ''); }); 默认下，此插件会自动给属性rel值为以下格式的链接增加功能： &#60;a href=&#34;/deep-link&#34; rel=&#34;address:/deep-link&#34;&#62;Deep link&#60;/a&#62; 下面是jQuery Address的API参考文档： Events（事件） $.address.change(fn) 返回：jQuery Address对象 当地址改变时会执行所绑定的函数（fn），此函数会接收一个事件对象做为参数，该事件对象包含有以下属性：value，path，pathNames，parameterNames，parameters和queryString。 &#8230; <a href="http://julabs.me/blog/front/jquery-plugin-deep-linking/">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>历史导航和刷新问题是使用Ajax中的一个软肋，但可以用JavaScript来弥补这个问题。<a href="http://www.mikage.to/jquery/jquery_history.html" target="_blank">jquery history plugin</a>是<a href="http://jquery.com/" target="_blank">jquery</a>的一款历史刷新插件，但它有时候会出现一些Bug，如回<strong>上一页</strong>时会不流畅。</p>
<p>而今天要推荐的的插件是<a href="http://www.asual.com/jquery/address/" target="_blank">jQuery Address</a>，它是另一款<a href="http://jquery.com/" target="_blank">jquery</a>插件，可以完美地实现历史导航与刷新问题，另外还有针对Flash导航的<a href="http://www.asual.com/swfaddress/" target="_blank">SWFAddress</a>。你可以查看它的<a href="http://www.asual.com/jquery/address/docs/" target="_blank">文档</a>与<a href="http://www.asual.com/jquery/address/samples/api/" target="_blank">API</a>，来详细了解它的用法。</p>
<p><a href="http://www.asual.com/jquery/address/" target="_blank">jQuery Address</a>使用很简单，最基础的使用方法如下：</p>
<pre><code class="javascript">$.address.change(function(event) {
	// 根据event.value的值执行相应的命令
	// $('#content').load(event.value + '.xml');
});
$('a').click(function() {
	// 下面这条命令触发$.address.change事件
	$.address.value($(this).attr('href'));
});</code></pre>
<p>此插件也提供了一个可以直接使用的方法：</p>
<pre><code class="javascript">$('a').address();
</code></pre>
<p>上面这条命令也可以增加一个函数，来处理链接的值，如下：</p>
<pre><code class="javascript">$('a').address(function() {
	return $(this).attr('href').replace(/^#/, '');
});  </code></pre>
<p>默认下，此插件会自动给属性<strong>rel</strong>值为以下格式的链接增加功能：</p>
<pre><code class="html">&lt;a href=&quot;/deep-link&quot; rel=&quot;address:/deep-link&quot;&gt;Deep link&lt;/a&gt;
</code></pre>
<p>下面是<a href="http://www.asual.com/jquery/address/" target="_blank">jQuery Address</a>的API参考文档：</p>
<h4>Events（事件）</h4>
<h5>$.address.change(fn)</h5>
<p>返回：jQuery Address对象</p>
<p>当地址改变时会执行所绑定的函数（fn），此函数会接收一个事件对象做为参数，该事件对象包含有以下属性：value，path，pathNames，parameterNames，parameters和queryString。</p>
<h5>$.address.init(fn)</h5>
<p>返回：jQuery Address对象</p>
<p>当插件初始化时会执行所绑定的函数（fn），此函数只能执行一次，它会接收一个事件对象做为参数，该事件对象包含有以下属性：value，path，pathNames，parameterNames，parameters和queryString。</p>
<h5>$.address.internalChange(fn)</h5>
<p>返回：jQuery Address对象</p>
<p>当改变地址的行为来源于页面时，如点击页面中的一个链接，会执行所绑定的函数（fn），此函数会接收一个事件对象做为参数，该事件对象包含有以下属性：value，path，pathNames，parameterNames，parameters和queryString。</p>
<h5>$.address.externalChange(fn)</h5>
<p>返回：jQuery Address对象</p>
<p>当改变地址的行为来源于浏览器时，如点击浏览器的前进与后退按钮，会执行所绑定的函数（fn），此函数会接收一个事件对象做为参数，该事件对象包含有以下属性：value，path，pathNames，parameterNames，parameters和queryString。</p>
<h4>Functions（函数）</h4>
<h5>address(fn)</h5>
<p>返回：jQuery对象</p>
<p>为DOM元素增加本插件的功能，同时会取消DOM元素的默认行为。支持链接和表单，可以根据传入的参数值进行自定义。</p>
<p>这篇文章只翻译了<a target="_blank" href="http://www.asual.com/jquery/address/">jQuery Address</a>的<strong>Events（事件）</strong>和<strong>Functions（函数）</strong>部分，<strong>Methods（方法）</strong>部分请查看<a href="/blog/front/jquery-plugin-deep-linking-methods/">《jQuery Address API文档——Methods（方法）》</a>一文。</p>
<h4>附：</h4>
<p>无意中看到一篇介绍<strong>Deep Linking</strong>的文章：<a href="http://www.impressivewebs.com/deep-linking-javascript-ajax/?utm_source=feedburner&amp;utm_medium=feed&amp;utm_campaign=Feed%3A+ImpressiveWebs+%28Impressive+Webs%29" target="_blank">《Deep Linking in JavaScript and Ajax Applications》</a>，里面详细地介绍了<strong>Deep Linking</strong>的理念和解决方法，很值得一看。</p>
]]></content:encoded>
			<wfw:commentRss>http://julabs.me/blog/front/jquery-plugin-deep-linking/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

