如何使用 JavaScript 或 jQuery 下載檔案而不重新載入頁面？

使用 JavaScript/jQuery 下載檔案而不取代頁面內容

當使用者點擊超連結時，通常會開啟目前網頁中的對應內容。但是，在某些情況下，您需要手動觸發文件下載而不替換頁面內容。

要實現此目的，您可以利用兩種主要方法：

1。使用不可見的iFrame：

在HTML 中建立不可見的iframe 元素：

<iframe></iframe>

然後，使用JavaScript 將iframe 的「src」屬性設定為檔案URL：

function Download(url) {
  document.getElementById('my_iframe').src = url;
}

防止瀏覽器將某些文件（例如HTML、文字）解釋為網頁和強制下載它們，您可能需要在伺服器端將其 MIME 類型設定為「application/x-please-download-me」或「application/octet-stream」。

2.在新分頁中開啟檔案：

要在新分頁中開啟下載，可以修改超連結的目標屬性：

<a href="file.pdf" target="_blank">Download</a>

或使用jQuery 動態設定target屬性：

$('a#someID').attr({target: '_blank', href: 'file.pdf'});

當使用者點擊超連結時，target 屬性確保檔案下載在新分頁或視窗中。

以上是如何使用 JavaScript 或 jQuery 下載檔案而不重新載入頁面？的詳細內容。更多資訊請關注PHP中文網其他相關文章！