元素JS 完成 html 文件的生成下载

前端生成 html 字符串模板，并进行下载
通过字符串拼接出完整的 html 文件
使用 Blob 构造出一个 Blob 文件对象
使用 window.URL.createObjectURL 将文件对象解析成 url
将 url 放入使用 a 标签的 download 属性下载
使用 window.URL.revokeObjectURL(url) 释放 url

const test= (title) => {
  let html = `<!DOCTYPE html>
  <html lang="en">
    ${title}
  </html>
  `;
  return html;
};

 const html = test("11111111");
    
    var a = document.createElement("a");
    
    var url = window.URL.createObjectURL(
        new Blob([html], {
            type: "",
        })
    );
    a.href = url;
    a.download = "fil.html";
    a.click();
    window.URL.revokeObjectURL(url);

posted @ 2022-11-03 10:16 7c89 阅读(310) 评论(0) 收藏举报

刷新页面返回顶部

7c89

元素JS 完成 html 文件的生成 下载

公告

元素JS 完成 html 文件的生成下载