跳到主要內容

文章

目前顯示的是 二月, 2011的文章

[HTML] history pushState, 如何改變瀏覽器網址狀態,但是不更換頁面

如何改變瀏覽器網址狀態,但是不更換頁面
Change browser's URL bar without to change web page.

以前要改變狀態都只能使用HASH,如下,

The old method, you can use HASH. For example,

http://localhost/index.php#head.
現在你可以任意改變網址的狀態。
Now you can change URL as you want to.

http://localhost/index/head
如果你的瀏覽器支援HTML5,可以使用History,根據whatwg官方說明。
Now if your browser support HTML5, you can use this, The History interface.
According whatwg spec,

window . history . pushState(data, title [, url ] ) Pushes the given data onto the session history, with the given title, and, if provided, the given URL. 此方法會將將資料,網址標題,網址瀏覽歷程填入session history中。
如此你可以使用javascript改變網址狀態同時不更新網頁,網址可以更貼近語意,還蠻酷的。
Of course, you can change URL with javascript and it does not change page. And URL will be semantic. It sounds cool.

Ref:
http://www.whatwg.org/specs/web-apps/current-work/multipage/history.html#history-0
http://developer.yahoo.com/yui/3/history/

[CSS] CSS Hack for IE 6, 7, 8

IE6 (_)
_width: 500px;
IE7  (* !important)
*width: 500px !important;
IE7, Firefox (!important)
width: 500px !important;
IE6, 7 (*)
*width: 500px;
IE6, 7, 8 (\9)
width: 500px \9;
IE8 (\0)
width: 500px \0;
引用別人的分析圖:



資料來源: http://sofree.cc/ie6-ie7-ie8-firefox-css-hack/ http://www.css88.com/archives/1681

[YUI3] YUI判斷瀏覽器版本

引用資料:來源 if(Y.UA.gecko>0){}// e.g. Firefoxif(Y.UA.ie>0){}// Microsoft Internet Explorer// Or leverage boolean coercion -- 0 evaluates as falseif(Y.UA.opera){}// Operaif(Y.UA.webkit){}// Safari, Webkit 輸出結果會是版號,結果為 0 表示目前並不是使用此瀏覽器。 例如目前使用Chrome瀏覽器,詳細資料如下: ie: 0 opera: 0 gecko: 0 webkit: 534.13 chrome: 9.0597 mobile: null air: 0 ipad: 0 iphone: 0 ipod: 0 ios: null android: 0 webos: 0 caja: undefined secure: false os: windows
變數資料可以查詢:YUI 3: YUI Global Object