HTMLdownload属性详解及应用

var textArea = document.querySelector('textarea');
var downloadButton = document.querySelector('input[type="button"]');
// 定义下载文件的方法
var downloadFile = function(content, fileName) {
  var link = document.createElement('a');
  link.download = fileName;
  link.style.display = 'none';
  // 将文本内容转换为 Blob 对象
  var blob = new Blob([content], {type: 'text/plain;charset=utf-8'});
  link.href = URL.createObjectURL(blob);
  // 添加到 DOM 并触发点击事件以开始下载
  document.body.appendChild(link);
  link.click();
  // 下载完成后从 DOM 中移除元素
  document.body.removeChild(link);
};
if ('download' in document.createElement('a')) {
  // 浏览器支持 download 属性
  downloadButton.addEventListener('click', function() {
    downloadFile(textArea.value, 'example.txt');
  });
} else {
  // 不支持 download 属性时的处理
  downloadButton.Onclick= function() {
    alert('当前浏览器不支持 download 属性');
  };
}