如何使用javascript或jquery下载div内容?

时间:2014-06-24 04:05:19

标签: javascript jquery

有没有办法使用javascript或jquery将div标签内容下载到word文档中?

2 个答案:

答案 0 :(得分:2)

你可以试试这个:(你可以在函数中传递mime类型的参数)

function downloadDiv(filename, elementId, mimeType) {
    var elementHtml = document.getElementById(elementId).innerHTML;
    var link = document.createElement('a');
    mimeType = mimeType || 'text/plain';

    link.setAttribute('download', filename);
    link.setAttribute('href', 'data:' + mimeType  +  ';charset=utf-8,' + encodeURIComponent(elementHtml));
    link.click(); 
}

var fileName =  'divContents.html';

HTML

<div id="divContent">
    <span>Some html text here</span>
</div>

<a href="#" id="downloadButton">Download the html</a>


$('#downloadButton').click(function(){
    downloadDiv(fileName, 'divContent','text/html');
});

答案 1 :(得分:0)

我相信你应该选择服务器端脚本语言。在PHP中,您可以使用以下标题:

header("Content-type: application/vnd.ms-word");
header("Content-Disposition: attachment;Filename=document_name.doc");

Detailed example