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

在这期间，我们可以使用一个后备方案去兼容那些浏览器。我们需要去下载Modernizr的download属性特征测试。

然后添加以下脚本：

JavaScript Code复制内容到剪贴板

if ( ! Modernizr.adownload ) {   
    var $link = $(‘a’);   
    $link.each(function() {   
        var $download = $(this).attr(‘download’);   
        if (typeof $download !== typeof undefined && $download !== false) {   
      var $el = $(‘<div>’).addClass(‘download-instruction’).text(‘Right-click and select "Download Linked File"’);   
      $el.insertAfter($(this));   
        }   
    });   
}  

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