無法下載html5以在Firefox中以編程方式工作（適用於Safari，IE，Opera，Chrome）

Question

    onDownload: function() {
        var element = document.createElement("a");
        element.setAttribute("href", "/metadata/rest/swagger?namespace=" + this.namespace);
        element.click();
    },

將下載功能添加到按鈕。 但這在Firefox中不起作用。（可在Safari，IE，Opera，Chrome瀏覽器上使用

按照以下方式更改代碼后：

在html頁面中創建錨點（<a>），使其隱藏並在前面輸入ID。 通過id獲取元素。 設置href屬性

onDownload: function() {
        var element = document.getElementById("download");
        element.setAttribute("href", "/metadata/rest/swagger?namespace=" + this.namespace);
        element.click();
},

它適用於所有提到的瀏覽器。 為什么？

Answer 1

我可以在文檔中看到：

createElement

不符合XUL和XHTML文檔的DOM規范：在創建的元素上，localName和namespaceURI沒有設置為null。

不過，我不完全相信，您可以改用createElementNS ：

var element = document.createElementNS(this.namespace, 'a');

這篇文章可能無法完全回答，但是希望您能得到幫助。 如果您發現有用的解決方案，請嘗試提供幫助。

Answer 2

您可以使用HTML5 download屬性。

 <a href="/path/to/file" download> 

• 有關HTML5 download屬性的更多信息，您可以閱讀Anchor元素-MDN Docs
• 如需瀏覽器支持，請點擊此處

您可以使用javascript相應地更改href值。