中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

您的位置: 首頁 > 技術(shù)文檔 > 網(wǎng)站建設(shè) > Ajax,用該所用
搜索引擎產(chǎn)品定位分析 回到列表 誰在意什么標(biāo)準(zhǔn)
 Ajax,用該所用

作者:Realazy 時(shí)間: 2006-10-11 文檔類型:轉(zhuǎn)載 來自:Realazy

第 1 頁 Ajax,用該所用 [1]
第 2 頁 Ajax,用該所用 [2]

眾所周知,JavaScript不是什么時(shí)候都能用。老舊的瀏覽器,高安全的環(huán)境(比如銀行,或者用戶設(shè)置),文本瀏覽器(如lynx, w3m),屏幕閱讀器,手機(jī)瀏覽器等等,很多場景都限制了JS的發(fā)揮與使用。對于正常人,你可以覺得無所謂,反正現(xiàn)在換個(gè)或者升級瀏覽器也是輕而易舉的事情,但是,很多障礙人士,卻只有很少的選擇。Web 2.0并不意味不能用。

所以我們必須采取適度降級(graceful degradation)的策略。對于一些非必須由Ajax驅(qū)動(dòng)產(chǎn)生內(nèi)容的前端頁面(比如分頁,提示內(nèi)容的展示),我們就可以采取此策略。我們必須保證,在沒有JS的情況下,這些內(nèi)容可以使用傳統(tǒng)(Web 1.0?)的方式來交互產(chǎn)生。這是保證Web具備親和力的基礎(chǔ)。有此保證后,我們就可以采取逐步增強(qiáng)(progressive enhancement)的策略來加入Ajax,使用JS來控制前端的交互,達(dá)到用戶體驗(yàn)的目的。實(shí)際上,讀者的疑問可能就在這,如何能夠保證適度降級的基礎(chǔ)上能逐步增強(qiáng)?實(shí)踐證明,Unobtrusive Javascript(不冒昧的Javascript? 天,這該怎么翻譯?)的思想能夠幫助我們做到。何謂Unobtrusive?那就是說,在沒有JS的情況下,網(wǎng)頁內(nèi)容依然能夠訪問(accessible)。概念很抽象,那么我們舉個(gè)例子說明吧。假如網(wǎng)頁有幾塊內(nèi)容:

<a href="#a">Show a</a> <a href="#b">Show b</a> <a href="#c">Show c</a>
<div id="a">a</div>
<div id="b">b</div>
<div id="c">c</div>

我們需要按照用戶的點(diǎn)擊展示每一塊內(nèi)容。通常的做法是,我們會給a標(biāo)簽加上占位符,然后寫上onclick=""之類的代碼,在某些div加上style="display: none;",讓其在默認(rèn)情況下不可見,然后再讓JS操縱其可見性。這是一種不好的,非Unobtrusive的做法。

Unobtrusive的做法是,我們需要讓a有意義,而不是只為JS而存在。a應(yīng)該依照實(shí)際情況指向一個(gè)實(shí)際連接,或者跳到本頁的一塊內(nèi)容。我們應(yīng)該講JS完全分離出來,不要在HTML混雜onclick之類的事件代碼。而且,我們也不應(yīng)該在默認(rèn)情況下隱藏內(nèi)容,應(yīng)該在頁面載入后交給JS來控制,這樣,用戶在沒有或禁止掉JS的時(shí)候,她/他還有機(jī)會能夠看到所需的內(nèi)容。這是一個(gè)最簡單的Unobtrusive例子。

所以,結(jié)論是,我們要建設(shè)具備親和力的Web 2.0的網(wǎng)站,graceful degradation, progressive enhancement, Unobtrusive是基礎(chǔ)。當(dāng)然,某些完全依靠Ajax的網(wǎng)站,比如Google Maps,得另外討論。我們可以看到,即使是Gmail,它也有一個(gè)非Ajax版本備用。當(dāng)然,我的意思不是每個(gè)網(wǎng)站都應(yīng)該開發(fā)、維護(hù)兩個(gè)以上的版本,我們應(yīng)該,在保證親和力的基礎(chǔ)上,才逐步Ajax化,而且Ajax應(yīng)該是用在構(gòu)建一種新的交互方式,用在用戶體驗(yàn)上。

出處:Realazy
責(zé)任編輯:moby

上一頁 Ajax,用該所用 [1] 下一頁

◎進(jìn)入論壇網(wǎng)站綜合、網(wǎng)頁制作版塊參加討論

相關(guān)文章 更多相關(guān)鏈接
Ajax標(biāo)簽導(dǎo)航效果
誰在意什么標(biāo)準(zhǔn)
如何開始標(biāo)準(zhǔn)之路
JSP+Ajax 添加、刪除多選框
AJAX應(yīng)用之草稿自動(dòng)保存
作者文章
網(wǎng)站的反饋提示
誰在意什么標(biāo)準(zhǔn)
在IE中使用first-child
使用模板快速啟動(dòng)你的設(shè)計(jì)
字體排版漫談
關(guān)鍵字搜索 常規(guī)搜索 推薦文檔
熱門搜索:CSS Fireworks 設(shè)計(jì)比賽 網(wǎng)頁制作 web標(biāo)準(zhǔn) 用戶體驗(yàn) UE photoshop Dreamweaver Studio8 Flash 手繪 CG
站點(diǎn)最新 站點(diǎn)最新列表
周大福“敬•自然”設(shè)計(jì)大賽開啟
國際體驗(yàn)設(shè)計(jì)大會7月將在京舉行
中國國防科技信息中心標(biāo)志征集
云計(jì)算如何讓安全問題可控
云計(jì)算是多數(shù)企業(yè)唯一擁抱互聯(lián)網(wǎng)的機(jī)會
阿里行云
云手機(jī)年終巨獻(xiàn),送禮標(biāo)配299起
阿里巴巴CTO王堅(jiān)的"云和互聯(lián)網(wǎng)觀"
1499元買真八核 云OS雙蛋大促
首屆COCO桌面手機(jī)主題設(shè)計(jì)大賽
欄目最新 欄目最新列表
淺談JavaScript編程語言的編碼規(guī)范
如何在illustrator中繪制臺歷
Ps簡單繪制一個(gè)可愛的鉛筆圖標(biāo)
數(shù)據(jù)同步算法研究
用ps作簡單的作品展示頁面
CSS定位機(jī)制之一:普通流
25個(gè)最佳最閃亮的Eclipse開發(fā)項(xiàng)目
Illustrator中制作針線縫制文字效果
Photoshop制作印刷凹凸字體
VS2010中創(chuàng)建自定義SQL Rule
>> 分頁 首頁 前頁 后頁 尾頁 頁次:2/21個(gè)記錄/頁 轉(zhuǎn)到 頁 共2個(gè)記錄

藍(lán)色理想版權(quán)申明:除部分特別聲明不要轉(zhuǎn)載,或者授權(quán)我站獨(dú)家播發(fā)的文章外,大家可以自由轉(zhuǎn)載我站點(diǎn)的原創(chuàng)文章,但原作者和來自我站的鏈接必須保留(非我站原創(chuàng)的,按照原來自一節(jié),自行鏈接)。文章版權(quán)歸我站和作者共有。

轉(zhuǎn)載要求:轉(zhuǎn)載之圖片、文件,鏈接請不要盜鏈到本站,且不準(zhǔn)打上各自站點(diǎn)的水印,亦不能抹去我站點(diǎn)水印。

特別注意:本站所提供的攝影照片,插畫,設(shè)計(jì)作品,如需使用,請與原作者聯(lián)系,版權(quán)歸原作者所有,文章若有侵犯作者版權(quán),請與我們聯(lián)系,我們將立即刪除修改。

您的評論
用戶名:  口令:
說明:輸入正確的用戶名和密碼才能參與評論。如果您不是本站會員,你可以注冊 為本站會員。
注意:文章中的鏈接、內(nèi)容等需要修改的錯(cuò)誤,請用報(bào)告錯(cuò)誤,以利文檔及時(shí)修改。
不評分 1 2 3 4 5
注意:請不要在評論中含與內(nèi)容無關(guān)的廣告鏈接,違者封ID
請您注意:
·不良評論請用報(bào)告管理員,以利管理員及時(shí)刪除。
·尊重網(wǎng)上道德,遵守中華人民共和國的各項(xiàng)有關(guān)法律法規(guī)
·承擔(dān)一切因您的行為而直接或間接導(dǎo)致的民事或刑事法律責(zé)任
·本站評論管理人員有權(quán)保留或刪除其管轄評論中的任意內(nèi)容
·您在本站發(fā)表的作品,本站有權(quán)在網(wǎng)站內(nèi)轉(zhuǎn)載或引用
·參與本評論即表明您已經(jīng)閱讀并接受上述條款
推薦文檔 | 打印文檔 | 評論文檔 | 報(bào)告錯(cuò)誤  
專業(yè)書推薦 更多內(nèi)容
網(wǎng)站可用性測試及優(yōu)化指南
《寫給大家看的色彩書1》
《跟我去香港》
眾妙之門—網(wǎng)站UI 設(shè)計(jì)之道
《Flex 4.0 RIA開發(fā)寶典》
《贏在設(shè)計(jì)》
犀利開發(fā)—jQuery內(nèi)核詳解與實(shí)踐
作品集 更多內(nèi)容

雜⑦雜⑧ Gold NORMANA V2