JavaScript/Jquery HTML將DOM結構/頁面導出爲HTML文件或文本

我想通過DOM修改各種元素屬性，然後將該頁面另存爲html文件。查看源代碼並不總是反映dom調整。有沒有辦法將整個頁面寫入文件或以其他方式將更新後的源頁面放入文件中？JavaScript/Jquery HTML將DOM結構/頁面導出爲HTML文件或文本

來源

2011-06-21 Matt Ralston

我在想這應該爲雅做的伎倆。

$('html').html();

JavaScript從瀏覽器（安全）運行時無法寫入文件。但是你可以把它發送到一個PHP腳本並從那裏寫入一個文件。例如：

$.post('write.php', { dom : $('html').html() });

write.php

file_put_contents('new.html', urldecode($_POST['dom']));

來源

2011-06-21 15:12:59

在newish browsers（IE 10，FF 20，鉻26，Safari瀏覽器6，劇院15），則可以創建一個Blob，並保存到一個使用window.URL.createObjectURL的文件。

Demo，Reference：

objectURL = window.URL.createObjectURL(blob);

凡blob是File對象或Blob對象創建一個URL對象。
objectURL是生成的對象URL。指定文件的全部內容由URL的文本表示。它可以用於window.open。一個Blob的

例子：

var parts = ["<p class=\"paragraph\"><a id=\"link\">hey!<\/a><\/p>"]; 
new Blob(parts, { "type" : "text\/html" });

要列出在Chrome目前的斑點執行在地址欄中執行下列操作：

chrome://blob-internals

來源

2012-03-20 12:30:59 Radek

支持，這是在其他瀏覽器也相當不錯了，肯定可以在我的Firefox版本中使用[http://caniuse.com/#feat=bloburls](http://caniuse.com/#feat=bloburls）例如：window.open（window.URL.createObjectURL（new Blob（[ document.documentElement.outerHTML]，{type：'text/plain'}）））; – Ozone

Hello Radek，如果我的下載文件夾中已經有一個具有相同名稱的文件，有沒有辦法覆蓋它的內容，而不是創建另一個文件？ – Kumar

@Kumar這與問題無關。瀏覽器將創建一個新版本的文件，方法是稍微更改文件名以使其具有唯一性。如果你想覆蓋原來的內容，看看寫一點點Node.js腳本來請求一個文件並存儲在本地;例如https://github.com/request/request#streaming – Radek

JavaScript/Jquery HTML將DOM結構/頁面導出爲HTML文件或文本

回答

相關問題