我在下面的文本框中输入文本后如何将网页下载为 .html/.png 是我的代码

Posted 2023-03-05

【中文标题】我在下面的文本框中输入文本后如何将网页下载为 .html/.png 是我的代码

【英文标题】：how can download webapge as .html/.png after i inputed text in text box below is my code

【发布时间】：2020-05-22 18:44:06

【问题描述】：

我在下面的文本框中输入文本后如何将 webapge 下载为 .html/.png 是我的代码

<div class="container">
<form>
    <div class="form-group">
        <label for="link">Paste Website Link Below</label>
        <input type="link" class="form-control" id="download" placeholder="Enter website link" >
      <br>
    <butt class="btn btn-primary">Download </button>

</form></div>

我知道这个东西适用于下载网页或任何文件，但是当我们输入链接然后下载帮助时想要它

【问题讨论】：

你不能把属性放在结束标签中。

我知道 这个东西适用于下载网页或任何文件，但是当我们输入链接然后下载帮助时想要

您可以使用javascript创建另一个带有指定文件的<a>下载链接，然后使用JavaScript触发它。

如果任何用户类型链接他们，然后点击下载然后文件将下载这是我的主要座右铭

【参考方案1】：

此函数将创建一个<a> 元素并将下载链接分配给它，然后单击它。

function download() 
  var link = document.createElement("a");
  link.setAttribute("href", document.getElementById("download").value);
  link.setAttribute("download", "");
  link.click();

您的按钮应该看起来像...

<button class="btn btn-primary" onclick="download()">Download</button>