国产激情自拍_国产9色视频_丁香花在线电影小说观看 _久久久久国产精品嫩草影院

首頁 > 編程 > JavaScript > 正文

如何使用jQuery來處理圖片壞鏈具體實現步驟

2019-11-20 22:45:25
字體：大 中 小
來源：轉載
供稿：網友

今天我為大家講解一個頁面開發過程中的一個小技巧：如何處理裂圖
也就是說如果這個圖片沒有加載成功了會怎么辦？
第一步：HTML頁面里：

復制代碼 代碼如下:

<!DOCTYPE html>
<html>
<head>
<title>gbin1</title>
<meta charset=utf-8 />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
</head>
<body>
<img src="broken.jpg"/>
</body>
</html>

運行這個頁面大家會看到一個壞掉的圖。
第二部：是一個JavaScript，它的功能是：如果圖片壞掉了，就彈出一個出錯提示：
復制代碼 代碼如下:

$(function(){
$('img').error(function(){
alert('error');
});
});

運行一下，大家看到了嗎？
第三部：接下來，我們想要提高界面的友好效果，我們可以調用attr用一張默認圖片替換掉這張裂圖：
復制代碼 代碼如下:

$(function(){
$('img').error(function(){
//alert('error');
$(this).attr('src','http://www.gbtags.com/gb/networks/themes/img/logohover.png');
});
});

大家看到極客標簽的logo圖標沒？這樣就可以實現對裂圖的處理了。
補充幾句：其實error在jquery1.8以前是提倡使用的，1.9之后不太提倡了，但是仍然可以使用，個人覺得還挺方便的。
大家也可以換用下面這個方法：（error換成了on，后面加一個參數）
復制代碼 代碼如下:

$(function(){
$('img').on('error',function(){
alert('error');
$(this).attr('src','http://www.gbtags.com/gb/networks/themes/img/logohover.png');
});
});

其實前一個error方法，是on方法的快捷方式
對了，如果你在本地測試error這個方法的話，需要啟動服務器，因為error方法需要檢查資源是否可用。比如這個test.html，需要在啟動服務器后，在瀏覽器中輸入http://localhost:8080/test.html 才可以看到效果。
希望能對大家有幫助，3Q！

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
国产激情自拍_国产9色视频_丁香花在线电影小说观看 _久久久久国产精品嫩草影院
国产精品蜜臀| 九九热在线观看视频| 国产夫妻视频| 国产成人精品综合网站| 69视频在线| www.色婷婷| 国产精品白浆流出视频| 国产精品va在线观看视色| 国产精品99999| 依依成人在线| 国产精品㊣新片速递bt| 国产乱在线观看视频| 国产美女视频一区二区三区| 国产精品秘入口| 91美女在线| 九九在线视频| 国产盗摄一区二区| 国产在线播放av| av首页在线| 国产小视频在线观看| 中文日本在线观看| 国产一区二区三区不卡在线| 国产乱妇乱子在线播视频播放网站| 国产一级片在线| 免费特级黄毛片| 国产成人va亚洲电影| 日本在线观看| 国产福利片在线| 福利在线国产| 人人澡人人爽| 国产视频在线播放| 国自产拍在线网站网址视频| 欧美另类在线视频| 精品国产免费观看一区| 国产美女被遭强高潮免费网站| 国产成人亚洲综合小说区| 亚洲精品一线| 在线国产网址| 在线久久视频| 在线国产一级| 在线观看视频污| 在线国产中文字幕| av福利在线| av在线二区| 超碰免费在线| 青青草视频免费在线观看| 国产黄色片大全| 国产偷激情在线| 国产www网站| 亚洲电影视频在线| 毛片视频免费观看| 中文字幕在线影视资源| 中文字幕第一页在线| 国产免费网址| 国产激情99| а√天堂8资源在线官网| 四虎成人欧美精品在永久在线| 精品欧美日韩一区二区| 91看片在线观看| 欧美性猛交xxxx免费看久久| 国产日本在线视频| gogo在线高清视频| 最近中文字幕mv2018在线高清| 国产午夜在线| 亚洲夜夜综合| 国产三区视频在线观看| 国产高清视频免费最新在线| 天堂在线看视频| 99久久国产视频| 黄色片视频在线观看| 尤物网站在线| 亚洲成人在线播放| 国产小视频免费在线观看| 在线天堂中文www视软件| 欧美日韩在线资源| 国产一二区在线| 国产在线观看18| 日本成a人片在线观看| 99热99re6国产在线播放| 国产成人精品实拍在线| 2019中文字幕视频| 毛片视频免费观看| 在线免费看黄av| 国产区视频在线| 激情在线视频播放| 在线观看的网站你懂的| 超碰免费在线观看| 在线免费国产| 国产不卡在线| 国产精品伦一区二区三区视频| 国产99在线|亚洲| 国产麻豆精品高清在线播放| 日本中文字幕在线观看| 一色桃子av在线| 国产一级电影网| 丁香花视频在线观看| 在线中文字幕av| 国产高清视频在线观看| 高潮毛片在线观看| 国产精品自拍亚洲| 国产一级免费| 国产黄大片在线观看画质优化| 久热中文字幕在线观看| 99免费视频| 午夜在线视频| 亚洲成a人v欧美综合天堂麻豆| 国产丝袜在线| 精品推荐国产麻豆剧传媒| 国产网站免费观看| 国产激情视频一区二区| 国产一级免费| 91极品在线| 日本a级黄色| 丁香视频五月| 国产高清视频免费最新在线| 超碰在线中文| 国产视频1区| 一本大道久久精品| 福利在线国产| 精品国产高清自在线一区二区三区 | 九九热免费在线视频| wwww亚洲| 国产探花在线观看| 在线观看中文字幕| 九九在线免费视频| 国产精品免费视频二三区| 国产羞羞视频在线观看| 国产丝袜视频在线播放| 国产一区二区影视| av网站在线播放| 中文字幕欧美日韩在线不卡| jizz国产| 国产无套粉嫩白浆在线2022年| 国产精品视频流白浆免费视频| 国产极品一区二区三区| 亚洲成人av在线影院| 免费av在线| 精品推荐国产麻豆剧传媒| 在线观看视频污| 国产视频三区| 大香伊人中文字幕精品| 精品176二区| 最好看更新中文字幕| 亚洲欧美日韩成人网| www中文字幕在线观看| 国产免费av网站| av文字幕在线观看| 国产区视频在线播放| 香蕉视频在线看| 精品街拍一区二区| 国产桃色电影在线播放| 操操操综合网| av亚洲在线| 永久免费网站在线| 99久久免费精品国产免费| 激情四房婷婷| 九九视频九九热| 超碰在线影院| 超碰免费在线播放| 国产在线高清理伦片a| 亚洲欧美日韩一区成人| 国产精品一品| 国产免费一级| 国产性色视频| 国产叼嘿网站免费观看不用充会员| 欧美日韩综合高清一区二区| 午夜视频99| 国产一二区视频| 国产黄色网页| 在线中文免费视频| 四虎成人精品在永久在线观看| 精品全国在线一区二区| 91三级在线| www555久久| 国产一二三区在线| av高清在线| 日韩在线天堂| 国产69精品久久app免费版| 麻豆精品不卡国产免费看| 四虎网站在线观看| 狠狠干五月天| 2019年中文字幕| 激情小说 在线视频| 国产中文字幕网| 国产欧美日韩精品综合| 国产黄大片在线观看画质优化| 国产区高清在线| 中文在线视频观看| 国产在线观看色| 国产高潮av| 超碰在线观看免费| 国产日产精品久久久久久婷婷| 国产三级视频在线| 日本一本久久| 91看片在线观看| 国产毛片视频| 日本不卡1区2区3区| 午夜视频在线看| av麻豆国产| 2019中文字幕在线电影免费|