gpt4 book ai didi

javascript - 如何*本地*保存由 javascript(在 *本地* .html 页面上运行)生成的 .html 文件?

转载 作者:太空狗 更新时间:2023-10-29 15:01:25 24 4
gpt4 key购买 nike

所以我已经研究了几天,但还没有得出任何结论。我正在尝试创建一个(非常)基本的实时博客设置,因为我不想为 CoverItLive 之类的东西付费。我的流程是:本地 HTML 文件 > 云存储(Dropbox/Drive/等)> 内容页面上的 iframe。所有这些都有效,尽管方法不那么棒,但使用一些 CSS 甚至看起来还不错。但事情是这样的:liveblog 本身由一个 HTML 表格组成,我必须手动复制/粘贴新行的代码,填写时间戳,写新消息,并保存文档(然后与云并显示在 iframe 中)。为了简化流程,我制作了另一个 HTML 文件,我打算将其本地 运行并用于自动将条目添加到表中。目前它只是一堆输入框和一些 javascript 来自动化时间戳并根据输入数据写入表行。

现在的代码:http://jsfiddle.net/LukeLC/999bH/

我想从这里开始做的是找到一种方法,以某种方式将生成的表格数据导出到我硬盘上的另一个 .html 文件。到目前为止,我已经设法获得了这段代码......

    if(document.documentElement && document.documentElement.innerHTML){
var a=document.getElementById("tblive").innerHTML;
a=a.replace(/</g,'&lt;');
var w=window.open();
w.document.open();
w.document.write('<pre>&lt;tblive>\n'+a+'\n&lt;/tblive></pre>');
w.document.close();
}
}

...在新窗口中只打开生成的表代码,当然,我可以从那里保存源代码,但关键是要从过程中消除类似的步骤。

当我点击“提交”按钮时,如何让页面将生成的代码保存到单独的 .html 文件中?同样,所有这些都发生在本地,而不是在服务器上。

我不太擅长 javascript——也许需要一种不同的语言——但非常感谢任何帮助。

最佳答案

我想你可以这样做:

var myHTMLDoc = "<html><head><title>mydoc</title></head><body>This is a test page</body></html>";
var uri = "data:application/octet-stream;base64,"+btoa(myHTMLDoc);


document.location = uri;

顺便说一句,btoa 可能不是跨浏览器的,我想现代浏览器都有,但旧版本的 IE 没有。甚至不需要 AFAIK base64。你也许可以逃脱

var uri = "data:application/octet-stream,"+myHTMLDoc;

缺点是保存时不能设置文件名

关于javascript - 如何*本地*保存由 javascript(在 *本地* .html 页面上运行)生成的 .html 文件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20985071/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com