使用jquery將html和css導出爲文件

想象一下，我有3列的佈局。 左，中，右分區。我只想導出中心div。這是我迄今爲止的出口方法：我的問題是，如何將DOM保存到html文件，比如說template.html？當用戶點擊導出時，整個DOM應該保存或下載爲html文件。這是可能的，你能舉個例子嗎？我的應用程序只使用jquery和html。這不是一個服務器端應用程序！使用jquery將html和css導出爲文件

來源

2012-07-30 Lost in OWL

是什麼'template.html'的目的是什麼？ – dnagirl 2012-07-30 11:38:33

@ArtWorkAD：看到這篇文章：http://stackoverflow.com/questions/6427576/javascript-jquery-html-export-dom-structure-page-to-html-file-or-text – 2012-07-30 11:40:04

您可以使用data:URI，如Using HTML5/Javascript to generate and save a file看到（第2個答案，那個以50+ upvotes）

像http://jsfiddle.net/gBxrB/應該做的伎倆，你的情況。

HTML

<div class="left">leftleftleft</div> 
<div class="center">center</div> 
<div class="right">rightrightright</div> 
<a href="#" class="export">export</a>

$('a.export').on('click',function(){ 
    uriContent = "data:application/octet-stream," + encodeURIComponent($('.center').html()); 
    window.open(uriContent, 'myDocument'); 
});

來源

2012-07-30 11:41:19

正是我在找什麼，謝謝！ – 2012-07-30 11:42:26

似乎無法在IE或Safari上運行。 – Cutter 2016-12-14 22:27:35

你不能保存文件使用javascript

來源

2012-07-30 11:36:14

使用jquery將html和css導出爲文件

回答

相關問題