javascript - 从 onclick 方法调用 href 不起作用

Question

您好，我想知道如何调用 a单击 button onclick事件:

到目前为止，我已经通过这两种方法使其工作:

<a class="button" type="application/octet-stream"  href="http://localhost:5300/File" download>Click here for dld</a>

<input type="button"  onclick="location.href='http://localhost:5300/File';" value="Download"/>

但我无法让它与 js 一起工作;我已经尝试过这样的:

 <button  onclick="Save('http://localhost:5300/File')">Download</button>

 function Save(url){
            var link=document.createElement('a');
            link.url=url;
            link.name="Download";
            link.type="application/octet-stream";
            document.body.append(link);
            link.click();
            document.body.removeChild(link);
            delete link;
        }

P.S 我需要使用 <button></button>而不是 input !

Answer 1

您的代码创建一个链接，单击它然后将其删除。您可以像在 HTML 示例中那样运行 window.location.href。

onclick = "Save('http://localhost:5300/File')" > Download < /button>

function Save(url) {
  window.location.href = url;
}

<button onclick="Save('http://localhost:5300/File')">Download</button>

或者，如果您坚持创建链接的方法，则应该为链接设置 href，而不是 url。

function Save(url) {
  var link = document.createElement('a');
  link.href = url;
  link.name = "Download";
  link.type = "application/octet-stream";
  document.body.append(link);
  link.click();
  document.body.removeChild(link);
}

<button onclick="Save('http://localhost:5300/File')">Download</button>