单击按钮后更新html答案

【问题标题】：update html after button click单击按钮后更新html
【发布时间】：2017-09-07 04:01:01
【问题描述】：

我对 html 和 js 很陌生。现在我有一个问题：假设我有一个 html 页面，并且该页面上有两个按钮。一种是在页面上画一个圆圈。如果我按下此按钮，它将在页面上显示一个圆圈。一个是保存这个 html 草图。如果我按下这个按钮，它将保存当前的 html。现在，我可以用相关的 js 脚本显示圆圈，但我不知道如何保存 html。有什么建议吗？

【问题讨论】：

无论您尝试了什么，请分享您的代码。
尝试发布到目前为止您尝试过的代码/sn-p 以及卡在哪里。
当您说您希望它“保存 html”时，您到底是什么意思？您希望它保存在哪里？

标签： javascript jquery html p5.js

【解决方案1】：

如果保存意味着你想下载 HTML 文件，那么这里是一个 sn-p：

<button on click="download()">download</button>

我们正在使用a 标记的download 属性。

function download() {
var a = document.createElement("a");
a.style.display = "none";
a.href = window.location.href;
a.download = "q.html"
document.body.append(a);
a.click();
}

这是一个 codepen 链接，可以让您了解代码的作用： https://codepen.io/AbrarShahriar/pen/WNwGXRa

【讨论】：

【解决方案2】：

请分享您的代码，或者您可以使用 svg-editor 来绘制形状并将形状轻松保存在画布上，

基本上在 html 5 和 js 中都支持在画布上绘制一些形状。

有关信息，您可以访问 svg-editor 的官方文档：

https://svg-edit.github.io/svgedit/releases/svg-edit-2.8.1/svg-editor.html#paste

【讨论】：