首頁 >web前端 >css教學 >如何隱藏 Web 瀏覽器中的「未找到圖像」圖示?

如何隱藏 Web 瀏覽器中的「未找到圖像」圖示?

Patricia Arquette
Patricia Arquette原創
2024-12-01 18:39:15271瀏覽

How Can I Hide the

隱藏「找不到影像」圖示

當無法找到影像檔案時,瀏覽器通常會顯示通用的「找不到圖像”圖示在它的位置。為了避免這種難看的預設行為,有一些技術可以靜默隱藏此圖示。

使用內聯 JavaScript

一種有效的方法是使用 onerror 事件偵聽器。透過將此偵聽器附加到圖像,您可以指定圖像載入失敗時要執行的操作。例如:

<img onerror='this.style.display = "none"' src="image.png">

當找不到「image.png」的映像時,onerror 事件處理程序會將影像的顯示屬性設為「none」。這有效地隱藏了圖像,即使它在技術上仍然存在於程式碼中。

以上是如何隱藏 Web 瀏覽器中的「未找到圖像」圖示?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn