在HTML中,我們可以通過JavaScript來實現點擊保存文檔的功能。下面是一個例子:
<button onclick="saveDoc()">保存文檔</button> <script> function saveDoc() { var content = "這是一份文檔的內容"; var fileName = "my_document.txt"; var a = document.createElement('a'); var file = new Blob([content], {type: 'text/plain;charset=utf-8'}); var url = URL.createObjectURL(file); a.href = url; a.download = fileName; document.body.appendChild(a); a.click(); setTimeout(function() { document.body.removeChild(a); window.URL.revokeObjectURL(url); }, 0); } </script>
上述代碼中,我們首先定義一個按鈕,當用戶點擊按鈕時,會調用JavaScript中的saveDoc()函數。該函數會將待保存的文件內容和文件名賦值給兩個變量content和fileName,然后創建一個a標簽,同時創建一個Blob對象,該對象會將文件內容作為參數傳入,并指定文件類型為text/plain。接下來,我們通過URL.createObjectURL()方法生成一個URL,將該URL賦值給a標簽的href屬性,并指定下載的文件名。之后,我們將a標簽添加到文檔中,并調用a.click()方法,觸發文件下載的操作。最后,我們通過setTimeout()方法將a標簽從文檔中移除,并釋放Blob對象,達到清理內存的效果。