点击按钮后更新html

时间:2017-09-07 04:01:01

标签: javascript jquery html p5.js

我对html和js很新。现在我有一个问题: 假设我有一个html页面,我在这个页面上有两个按钮。 一个是在页面上画一个圆圈。如果我按下此按钮,它将在页面上显示一个圆圈。 一个是保存这个HTML草图。如果我按下此按钮,它将保存当前的html。 现在,我能够显示带有相关js脚本的圆圈,但我不知道如何能够保存html。有什么建议吗?

2 个答案:

答案 0 :(得分:0)

如果保存意味着您要下载HTML文件,则下面是一个片段:

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

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

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

答案 1 :(得分:-1)

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

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

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

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

相关问题