1

3 列のレイアウトがあるとします。左、中央、右の div。中央のdivのみをエクスポートしたい。これまでの私のエクスポート方法は次のとおりです。

function getHtml() {
    var htmlStartTag = function(){
        var attrs = $('html')[0].attributes;  
        var result = '<html';
        $.each(attrs, function() { 
            result += ' ' + this.name + '="' + this.value + '"';
        });                                               
        result += '>';
        return result;
    }    

return htmlStartTag() + $('html').html() + '</html>';
}

私の質問は、DOM を html ファイル、たとえば template.html に保存するにはどうすればよいですか? ユーザーがエクスポートをクリックすると、DOM 全体が html ファイルとして保存またはダウンロードされます。これは可能ですか、例を挙げていただけますか？私のアプリケーションは jquery と html だけを使用しています。サーバーサイドアプリケーションではありません！

4

2 に答える 2

5

HTML5/Javascript を使用してファイルを生成および保存する にdata:URI見られるように、 を使用できます(2 番目の回答、50 以上の賛成票がある回答)

あなたの場合、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>​

JS

$('a.export').on('click',function(){
   uriContent = "data:application/octet-stream," + encodeURIComponent( $('.center').html() );
   window.open(uriContent, 'myDocument');
});
于 2012-07-30T11:41:19.980 に答える
0

javascriptでファイルを保存することはできません

于 2012-07-30T11:36:14.597 に答える