圖片不存在使用預設圖片替代程式碼例項
通常情況下,如果網頁的圖片不存在,為了防止頁面過於醜陋,會使用一個預設的圖片替代。
下面就通過程式碼例項介紹一下,如何利用javascript實現此功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style> #mes { width:200px; height:50px; margin:0px auto; } </style> </head> <body> <div id="antzone"><img onerror="this.src='mytest/demo/small.jpg'" src="antzone.jpg"></div> <div id="mes">上面的圖片會被預設圖片替代</div> </body> </html>
相關文章
- javascript圖片預載入程式碼例項JavaScript
- 上傳圖片本地預覽例項程式碼
- 圖片上傳預覽效果程式碼例項
- 載入失敗使用預設圖片替代
- jquery圖片預載入簡單程式碼例項jQuery
- jQuery實現圖片預載入程式碼例項jQuery
- css圖片變黑白程式碼例項CSS
- 利用css切割圖片程式碼例項CSS
- jQuery實現的圖片預載入程式碼例項jQuery
- css設定背景圖片樣式程式碼例項CSS
- 隨機漂浮圖片廣告例項程式碼隨機
- js圖片碎片化效果程式碼例項JS
- 圖片轉Base64程式碼例項
- 設定<img>圖片垂直水平居中程式碼例項
- js圖片緩衝載入程式碼例項JS
- css實現圖片灰度效果程式碼例項CSS
- 獲取img圖片原始尺寸程式碼例項
- js圖片淡入淡出效果程式碼例項JS
- 圖片尺寸大小自適應程式碼例項
- 按比例縮放圖片大小程式碼例項
- 【例項】使用GD庫生成圖片驗證碼
- jQuery選項卡切換圖片效果程式碼例項jQuery
- css3動態背景圖片程式碼例項CSSS3
- javascript檢測上傳圖片大小程式碼例項JavaScript
- 圖片正反面翻轉效果程式碼例項
- canvas實現的圖片縮放程式碼例項Canvas
- jQuery圖片預載入程式碼jQuery
- 不存在的圖片
- js圖片切換例項JS
- VUE例項:使用 CSS Filter 處理圖片VueCSSFilter
- js圖片等比例放大縮小例項程式碼JS
- 圖片滑過亮光光弧效果程式碼例項
- 將網頁儲存為圖片形式程式碼例項網頁
- jQuery限制上傳圖片格式和大小程式碼例項jQuery
- CSS實現的背景圖片替代顏色程式碼CSS
- 5種PHP生成圖片驗證碼例項PHP
- CSS 例項之翻轉圖片CSS
- css實現圖片上下左右居中效果程式碼例項CSS