亚洲狠狠久久综合一区二区三区

<progress id="73rr5"></progress>
<tbody id="73rr5"><pre id="73rr5"></pre></tbody>

    <tbody id="73rr5"></tbody><dd id="73rr5"><track id="73rr5"></track></dd>
    如何使用JavaScript將HTML導出到Word文檔

    成人自考/成人高考/教師資格證/會計從業資格證/建造師/造價師,一個小程序就夠啦。

    將HTML頁面導出為Microsoft Word文檔可以用不同的方法完成。jQuery,JavaScript中有可用的插件可在客戶端實現此功能。如果HTML文件很簡單,沒有任何復雜的標記,那么將HTML內容導出到Word文檔中就很簡單。不需要任何第三方庫。

    只需幾行JavaScript代碼就足以導出HTML。在此JavaScript代碼中,源HTML由頁眉和頁腳構造而成。XML名稱空間將在標題部分中指定。該源HTML將被編碼并附加數據URI,該數據URI與動態創建的下載元素鏈接。

    html代碼:

    <div id="source-html">
        <h1>
            <center>Artificial Intelligence</center>
        </h1>
        <h2>Overview</h2>
        <p>
            Artificial Intelligence(AI) is an emerging technology
            demonstrating machine intelligence. The sub studies like <u><i>Neural
                    Networks</i>, <i>Robatics</i> or <i>Machine Learning</i></u> are
            the parts of AI. This technology is expected to be a prime part
            of the real world in all levels.
        </p>
    </div>
    <div class="content-footer">
        <button id="btn-export" onclick="exportHTML();">Export to
            word doc</button>
    </div>

    js代碼:下面的代碼顯示了JavaScript函數,該函數用于構造具有標頭,正文和頁腳的HTML源數據。標頭部分用于指定所需的名稱空間和字符集。使用這些規范,源HTML將被編碼以形成URI。然后,將動態創建一個下載鏈接元素,并且URI與該元素超鏈接。然后,觸發click事件,以下載帶有導出的HTML數據的word文檔。

    <script>
        function exportHTML(){
           var header = "<html xmlns:o='urn:schemas-microsoft-com:office:office' "+
                "xmlns:w='urn:schemas-microsoft-com:office:word' "+
                "xmlns='http://www.w3.org/TR/REC-html40'>"+
                "<head><meta charset='utf-8'><title>Export HTML to Word Document with JavaScript</title></head><body>";
           var footer = "</body></html>";
           var sourceHTML = header+document.getElementById("source-html").innerHTML+footer;
           
           var source = 'data:application/vnd.ms-word;charset=utf-8,' + encodeURIComponent(sourceHTML);
           var fileDownload = document.createElement("a");
           document.body.appendChild(fileDownload);
           fileDownload.href = source;
           fileDownload.download = 'document.doc';
           fileDownload.click();
           document.body.removeChild(fileDownload);
        }
    </script>
    訪客
    郵箱
    網址

    Top 亚洲狠狠久久综合一区二区三区
    <progress id="73rr5"></progress>
    <tbody id="73rr5"><pre id="73rr5"></pre></tbody>

      <tbody id="73rr5"></tbody><dd id="73rr5"><track id="73rr5"></track></dd>