从onclick方法调用href无效

问题描述

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

到目前为止，我已经可以使用以下两种方法进行工作：

<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;
        }

PS我需要使用<button></button>而不是input ！

您实际上是否需要创建a元素？ 如果没有，我将使用window.location.href ，类似于单击链接。

例：

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

唯一的问题可能是，如果要从HTTPS（安全）站点链接到HTTP（非安全）站点。

您的代码创建一个链接，单击它然后将其删除。 相反，您可以像在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>