首頁 > web前端 > H5教程 > 詳解HTML5中download屬性的應用_html5教學技巧

詳解HTML5中download屬性的應用_html5教學技巧

WBOY
發布: 2016-05-16 15:46:18
原創
1736 人瀏覽過

在傳統的html中,某個檔案的下載,是這樣的:

XML/HTML Code複製內容到剪貼簿
  1. a href=href=href=href= pdf">
report

a
而在HTML 5瀏覽器中,可以支援download屬性了,如下:
  1. XML/HTML Code複製內容到剪貼簿 a href=href=href=href= pdf" 
  2. download
=

"abc"

>

report

a>
    
  1. download屬性的好處在於,在使用者下載檔案的時候,顯示在使用者瀏覽器中的「另存」為的檔案顯示框中,顯示的是這個downloader屬性中顯示的東西了,比較友善
  2. HTML5裡,download屬性為下載的檔案取一個適當的名字,而不是使用原生的伺服器檔案名稱。 XML/HTML Code複製內容到剪貼簿    a href="http:/ /www.zjgsq.com/demo/1/some-realy-crazy-file-name-389247823879472398.txt" 
download
 

download


downloaddownload"test">點下載a>a>a>  然後當使用者點擊這個鏈接,這個download屬性值就出現在下載對話框中,取代原來凌亂的檔案名稱。在這個例子中,檔案將被下載為test.txt。 download屬性同時開啟了一個強制下載。 這個屬性在存在檔案互動的地方非常有用,在伺服器端的檔案名稱需要是及其獨特的(上例中的檔案名稱就很獨特不是嗎?),但是一堆亂碼對使用者來說沒有任何作用,download屬性定義檔名對使用者更有意義。 download屬性只是增強性的,它不是非常酷,但它很實用,而且非常容易添加。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板