求助各位大佬！用js如何实现将html文件保存在本地？

qq_15813491 2017-07-19 01:13:30

通过js代码如何实现通过一个按钮将html文件保存在本地。

...全文

749 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

当作看不见 2017-07-21

打赏
举报

file_saver.js html -export-word.js 依赖于jQuery的一个插件 ,能将html 导出为word , 如果想生存文档,参考gitbook

qq_15813491 2017-07-21

打赏
举报

非常感谢大佬！

_林小夕 2017-07-19

打赏
举报

代码转自shuai7boy的博客


<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>网页HTML存本地</title>
	<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
<a href="#">保存文件</a>
<script>
    function fake_click(obj) {
        var ev = document.createEvent("MouseEvents");
        ev.initMouseEvent(
            "click", true, false, window, 0, 0, 0, 0, 0
            , false, false, false, false, 0, null
        );
        obj.dispatchEvent(ev);
    }

    function export_raw(name, data) {
        var urlObject = window.URL || window.webkitURL || window;

        var export_blob = new Blob([data]);

        var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a")
        save_link.href = urlObject.createObjectURL(export_blob);
        save_link.download = name;
        fake_click(save_link);
    }
    var test=document.getElementsByTagName('html')[0].outerHTML;
    console.log(test);
    $('a').click(function() {
        export_raw('test.html', test);
    });
</script>
</body>
</html>

前言想必大多数人在开发 vue 等 SPA 项目都时候都会直接用 vue-cli 等脚手架开发，一是方便省去了好多配置上的功夫，二是 vue-cli 毕竟是久经考验较为成熟的东西，遇到问题也能在网上找到相应解决方案。但是，如果我们要更好地理解脚手架的配置及其构建打包的机制，我们就有必要从零开始，依葫芦画瓢自己配置一个类似于 vue-cli 这样的项目了。在此，我做了以下简单配置，请各位大佬批评指正，并诚心希望能得到大佬的指点，解决文章最后关于 Tree Shaking 导致打包缺失 css 的问题。

大家好，我是开车的阿Q，自动驾驶的时代已经到来，没时间解释了，快和阿Q一起上车。大家好，我是开车的阿Q，自动驾驶的时代已经到来，没时间解释了，快和阿Q一起上车。大家好，我是开车的阿Q，自动驾驶的时代已经到来，没时间解释了，快和阿Q一起上车。大家好，我是开车的阿Q，自动驾驶的时代已经到来，没时间解释了，快和阿Q一起上车。考察二叉树遍历的应用。知识点：数组可放置的要求是左右相邻的元素都为0，我们只需要遍历一遍数组，同时进行判断，若左右元素不为1，则将当前位置置1，同时n-1，表示已放置，继续向后遍历，

在这个过程中，我们涵盖了从项目的概念，到设计，开发，测试，部署和运维全过程。用户关注接口实现我们仍然使用Go语言和Gin框架来创建我们的API，对于用户关注的功能，我们会使用Redis的集合（Set）数据类型。发布帖子接口实现我们仍然使用Go语言和Gin框架来创建我们的API，对于发布帖子的功能，我们会使用Redis的列表（List）数据类型。没意思，投的杭州，最后开的上海14a，期间说了无数次不去上海不去上海不去上海谈薪的时候一顿分析，什么每月固定加班一个周六，可以多算一个月，最后说成16薪，直接变。

第一题，树形文件系统，一眼贪心，然后输出输出处理了好久，最后也没处理好。1. 加油站问题贪心过2.给定一个图，每个点代表一个充电站，边代表距离，距离1需要1分钟耗电1格给定电动车的最大电量，每个充电桩的充电速度，求a到b的最短时。我选的是IC设计，结果出的笔试题全是验证的，然后AXI协议，一道verilog的题目都没有，没有状态机，没有CD。题目出得比较草率，也没给数据范围，输入还要折磨一下：1.第一次搜文件路径，就暴力（记录当前是第几级文件/文件夹，实时更新每一级，然后遇到匹配的就打印。

作者：文兄链接：https://www.zhihu.com/question/19929609/answer/133825589 来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。谢邀。本答案提要：1.plotly 2.R ggplot23.无需编程语言的工具（7个）4.基于JavaScript实现的工具（8个）5.基于其他语言的工具（5个）6.地图数据可视化工具（7个）7.金融（股票）数据可视化工具（2个）8.时间轴数据可视化工具（2个）9.函数与公式数据可视化工具（2个