HTML5中的强制下载属性download使用实例解析

2019-01-28 14:57:35刘景俊

在这期间,我们可以使用一个后备方案去兼容那些浏览器。我们需要去下载Modernizr的download属性特征测试。
2016512110024606.jpg (600×380)

然后添加以下脚本:

JavaScript Code复制内容到剪贴板
  1. if ( ! Modernizr.adownload ) {        var $link = $('a');   
  2.     $link.each(function() {            var $download = $(this).attr('download');   
  3.         if (typeof $download !== typeof undefined && $download !== false) {          var $el = $('<div>').addClass('download-instruction').text('Right-click and select "Download Linked File"');   
  4.       $el.insertAfter($(this));            }   
  5.     });    }  

这个脚本是去测试浏览器是否支持download属性的,如果浏览器不支持的话,它就会想有download属性的<a>标签下面,插入一个有download-instruction类的<div>标签,并给予文字指引使用右键下载。
2016512110040425.jpg (600×380)