js保存html到文档,javascript – 将HTML5 textarea内容保存到文件

应该这样做.

function saveTextAsFile() {

var textToWrite = document.getElementById('textArea').innerHTML;

var textFileAsBlob = new Blob([ textToWrite ],{ type: 'text/plain' });

var fileNameToSaveAs = "ecc.plist";

var downloadLink = document.createElement("a");

downloadLink.download = fileNameToSaveAs;

downloadLink.innerHTML = "Download File";

if (window.webkitURL != null) {

// Chrome allows the link to be clicked without actually adding it to the DOM.

downloadLink.href = window.webkitURL.createObjectURL(textFileAsBlob);

} else {

// Firefox requires the link to be added to the DOM before it can be clicked.

downloadLink.href = window.URL.createObjectURL(textFileAsBlob);

downloadLink.onclick = destroyClickedElement;

downloadLink.style.display = "none";

document.body.appendChild(downloadLink);

}

downloadLink.click();

}

var button = document.getElementById('save');

button.addEventListener('click',saveTextAsFile);

function destroyClickedElement(event) {

// remove the link from the DOM

document.body.removeChild(event.target);

}

#textArea {

display: block;

width: 100%;

}

Notes here...

Save