遇到个将网站内指定内容保存成TXT文件并下载到本地的需求,前端的内容肯定需要使用JS脚本来实现了,下面给出一个实现的方法,参考一下。

JS实现生成TXT文件并下载到本地的方法

示例1:

JS代码:

/**
 * /@author mochu
 * /@var filename 保存的文件名
 * /@var txt 保存的内肉
 * 
 * /@link http://feiniaomy.com
 */
function download_txt(filename, text) {
    var pom = document.createElement('a');
    pom.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
    pom.setAttribute('download', filename);
    if (document.createEvent) {
        var event = document.createEvent('MouseEvents');
        event.initEvent('click', true, true);
        pom.dispatchEvent(event);
    } else {
        pom.click();
    }
}

代码调用:

download_txt('1.txt','feiniaomy.com');

示例2:

/**
 * /@author mochu
 * /@var filename 保存的文件名
 * /@var txt 保存的内肉
 * 
 * /@link http://feiniaomy.com
 */
 function download_txt(filename,content,contentType) {
    if (!contentType) contentType = 'application/octet-stream';
    var a = document.createElement('a');
    var blob = new Blob([content], { 'type': contentType });
    a.href = window.URL.createObjectURL(blob);
    a.download = filename;
    a.click();
}

代码调用:

download_txt('1.txt','feiniaomy.com');

注:

1、经测试,以上两种JS生成TXT文件交下载到本的代码可以支持 chrome , Firefox  以及 edge 浏览器!

2、由于没有苹果设备,无法测试是否支持 Safari,当然如果哪位大神有不用的苹果设置可以赞助我一台!