亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

javascript的漸進增強與平穩退化淺談

2019-11-20 21:43:40
字體:
來源:轉載
供稿:網友

在google.com.hk的左上角,有一個更多的鏈接,它具有一個目標地址,但是當我們點擊時,大多數情況發現的是彈出一個下拉列表供用戶選擇(這是一種典型的漸進增強形式)。怎么理解?――如果用戶的瀏覽器支持javascript,那么就可以享受到這種快速導航的服務功能。

現在,請你禁用的你的瀏覽器的javascript功能(不會禁用猛擊這里),再次訪問google.com.hk,再次點擊更多時,發生了什么?是的,沒有看到下拉列表,而打開了一個新頁面。(這是一種典型的平穩退化)。怎么理解?――如果用戶的瀏覽器不支持javascript,用戶仍然能夠訪問我的網站。

如何實現類似google的這一功能?

復制代碼 代碼如下:

<script type="text/javascript">
 function displayMenu() {
    //顯示導航列表;
 }
 </script>

 <a href="目標頁面" onclick="displayMenu(); return false;">更多»</a>

解釋:displayMenu()是一個顯示導航列表的功能函數(這里省略它的實現,因為討論的并不是這個)
onclick指定了鏈接的點擊事件。
return false : 取消了瀏覽器的默認行為(這樣就執行了displayMenu(),而不發生頁面的跳轉了),這個不可省略(當然你可省略試試看,有助于你的理解)

現在我們來看:如果你的瀏覽器支持javascript時,那么onclick后的代碼肯定會被執行。否則,onclick后的代碼不會被執行,那就會發生頁面的跳轉。這樣不管是否支持javascript,用戶都能順利的訪問我的網站。

下面是另一個類似的例子,它在新窗口中打開一個鏈接,但是我們并沒有指定target,如果用戶的瀏覽器不支持javascript,它將在當前頁面中打開鏈接,如下:

復制代碼 代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>在新窗口打開鏈接的另一種方式</title>
<script type="text/javascript">
function popup(url) { window.open(url); }
</script>
</head>

<body>
<ul>
    <li><a onclick="popup(this.href); return false;">百度</a></li>
    <li><a onclick="popup(this.href); return false;">google</a></li>
</ul>
</body>
</html>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
日韩中文字幕国产| 欧美精品激情在线| 国产精品18久久久久久麻辣| 国产精品96久久久久久又黄又硬| 欧美电影《睫毛膏》| 综合国产在线视频| 2020欧美日韩在线视频| 97超碰国产精品女人人人爽| 国产成人激情小视频| 久久男人资源视频| 亚洲欧美日韩中文视频| 亚洲精品理论电影| 久久久免费高清电视剧观看| 国产精品入口免费视| 国产97人人超碰caoprom| 国产偷国产偷亚洲清高网站| 国产成人综合精品| 日韩激情av在线播放| 亚洲一品av免费观看| 黑丝美女久久久| 亚洲精品美女在线观看| 亚洲精品视频在线观看视频| 欧美专区第一页| 中文欧美日本在线资源| 91精品国产91久久久久| 日韩欧美视频一区二区三区| 亚洲日韩欧美视频| 欧美日韩中文在线| 欧美一区二区三区精品电影| 亚洲xxxx妇黄裸体| www日韩中文字幕在线看| 最新国产精品亚洲| 久久男人av资源网站| 国产精品久久不能| 久热国产精品视频| 国产综合香蕉五月婷在线| 国产精品女视频| 成人h猎奇视频网站| 日韩免费在线看| 久久香蕉国产线看观看av| 欧美贵妇videos办公室| 久久九九精品99国产精品| 日本高清+成人网在线观看| 91沈先生在线观看| 97精品国产97久久久久久免费| 日本成人免费在线| 欧美激情国产高清| 亚洲精品短视频| 国产精品高潮呻吟久久av野狼| 欧美一区二区视频97| 欧美国产日韩一区二区| 亚洲欧美国内爽妇网| 国产激情久久久| 91在线色戒在线| 亚洲va欧美va国产综合久久| 国产成人久久精品| 8050国产精品久久久久久| 亚洲色图欧美制服丝袜另类第一页| 国产精品久久久久av| 国产精品美女av| 国产精品欧美一区二区三区奶水| 亚洲精品99久久久久| 亚洲国产欧美一区| 欧美精品久久久久久久| 久久久久久一区二区三区| 91精品国产免费久久久久久| 久久精品国产99国产精品澳门| 国产精品xxxxx| 最近更新的2019中文字幕| 国产午夜精品美女视频明星a级| 日韩av免费看网站| 51视频国产精品一区二区| 91美女片黄在线观| 色午夜这里只有精品| 一区二区国产精品视频| 欧美疯狂做受xxxx高潮| 深夜精品寂寞黄网站在线观看| 最新日韩中文字幕| 午夜精品蜜臀一区二区三区免费| 精品中文字幕在线| 色噜噜久久综合伊人一本| 日韩的一区二区| 欧美精品在线看| 亚洲欧洲在线免费| 亚洲va国产va天堂va久久| 午夜精品久久久99热福利| 精品爽片免费看久久| 亚洲自拍欧美色图| 亚洲欧美国产日韩中文字幕| 亚洲乱亚洲乱妇无码| 久久久久久亚洲精品中文字幕| 国产丝袜一区二区| 亚洲自拍偷拍福利| 日韩在线国产精品| 热门国产精品亚洲第一区在线| 91麻豆桃色免费看| 亚洲激情第一页| 欧美激情免费视频| 欧美理论电影在线播放| 激情av一区二区| 亚洲成人av中文字幕| 亚洲黄页视频免费观看| 亚洲国产成人精品女人久久久| 国产精品日韩欧美大师| 久久欧美在线电影| 国产日韩精品视频| 久久亚洲影音av资源网| 午夜精品久久久久久99热软件| 色妞久久福利网| 欧美日韩激情网| 欧美在线视频a| 久久久国产精品亚洲一区| 美乳少妇欧美精品| 欧洲亚洲妇女av| 国产一区二区三区免费视频| 亚洲国产天堂久久综合| 91av在线视频观看| 高清一区二区三区四区五区| 久久人人97超碰精品888| 日韩国产在线看| 成人午夜在线观看| 久久国产精品久久久久| 精品美女永久免费视频| 日韩精品黄色网| 久国内精品在线| 最新亚洲国产精品| 亚洲www永久成人夜色| 性色av香蕉一区二区| 亚洲美女精品久久| 国产日韩精品视频| 国产精品一区二区性色av| 在线成人激情视频| 国内免费久久久久久久久久久| 色哟哟亚洲精品一区二区| 亚洲永久免费观看| 久久国产精品影视| 日本一区二区不卡| 亚洲欧美精品在线| 国产在线观看精品一区二区三区| 久久精品最新地址| 亚洲国产精品va在线观看黑人| 精品中文视频在线| 精品国产91久久久| 日韩精品视频在线免费观看| 欧美在线国产精品| 亚洲成人性视频| 538国产精品一区二区免费视频| 国产欧美日韩精品专区| 青青草原成人在线视频| 日韩欧美综合在线视频| 亚洲午夜精品久久久久久性色| xvideos亚洲人网站| 亚洲**2019国产| 91天堂在线观看| 国产精品白丝jk喷水视频一区| 亚洲视频视频在线| 欧美在线影院在线视频| 欧美激情综合色综合啪啪五月| 国产精品久久网| 久久综合九色九九| 日韩欧美综合在线视频| 国产精品r级在线| 精品人伦一区二区三区蜜桃免费| 69精品小视频|