我有一個包含表單的網頁。用戶將填寫欄位表單。
如何將網頁保存為包含填充欄位的 HTML 檔案？
下面的代碼將網頁下載為 HTML 檔案，但欄位為空。
<a onClick="this.href='data:text/html;charset=UTF-8,' encodeURIComponent(document.documentElement.outerHTML)"
href="#" download="page.html">Download</a>
uj5u.com熱心網友回復：
請檢查有效的codepen.io，因為下載功能在 Stackoverflow 的代碼段框架中不起作用。
我只是用自己的值填充每個輸入的“值”屬性，然后觸發下載。
function download(){
var hiddenElement = document.createElement('a');
var inputs = document.getElementsByTagName('input')
for (var i = 0; i < inputs.length; i )
inputs[i].setAttribute("value", inputs[i].value);
hiddenElement.href = 'data:attachment/text,' encodeURI(document.getElementById("container").innerHTML);
hiddenElement.target = '_blank';
hiddenElement.download = 'myFile.html';
hiddenElement.click();
}<div id="container">
<input value="" type="text">
<input value="" type="text">
<input value="" type="text">
<button onclick="download()">Download</button>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/487850.html
標籤：javascript html 形式 dom
下一篇：我必須做什么才能在React.JS的“App.js”中宣告一個變數并將“return()”中的這個變數用于App函式？