一、js導出word文檔

JavaScript是一種腳本語言，它可以輕鬆操作HTML DOM，實現多種功能，如導出Word文檔。下面是一個簡單的示例代碼，可以將一個表格導出為Word文檔。

function exportTableToWord(tableId, filename = ''){
  var doc = document.createElement('doc');
  var table = document.getElementById(tableId);
  doc.body.innerHTML = '
'+filename+'
' + table.outerHTML;
  var a = document.createElement('a');
  a.href = 'data:application/msword;base64,' + window.btoa(doc.innerHTML);
  a.download = filename+'.doc';
  a.click();
}

代碼中使用createElement函數創建一個doc元素，然後獲取要導出的表格，並將它的outerHTML加到doc.body.innerHTML里，接着使用一個a元素，將doc元素的innerHTML作為dataURI的值，在瀏覽器中生成一個下載鏈接，通過click事件觸發該鏈接，實現將表格導出為Word文檔。該代碼可以應用於各種導出數據為Word文檔的場景，只需將數據格式化為HTML的形式即可。

二、js導出word控制圖像大小

在導出Word文檔中，經常會涉及到圖像的使用，JS同樣可以進行圖像的導出以及大小控制。下面是一個實現圖像大小控制的代碼示例。

function exportImageToWord(imageUrl, width, height, filename = ''){
  var doc = document.createElement('doc');
  doc.body.innerHTML = '
'+filename+'
';
  var a = document.createElement('a');
  a.href = 'data:application/msword;base64,' + window.btoa(doc.innerHTML);
  a.download = filename+'.doc';
  a.click();
}

代碼中，使用createElement函數創建一個doc元素，將需要導出的圖像地址以img元素的形式加到doc.body.innerHTML里，並且在img元素中添加width和height屬性來控制圖像大小。在瀏覽器中生成一個下載鏈接，通過click事件觸發該鏈接，實現將圖像導出為Word文檔。該代碼可以應用於圖片導出等場景。

三、js導出word窗口

當需要在JS代碼中操作一個彈窗或者窗口時，導出該窗口為Word文檔也是很常見的需求，下面是一個代碼示例。

function exportWindowToWord(windowId, filename){
  var doc = document.createElement('doc');
  var windowContent = document.getElementById(windowId).innerHTML;
  doc.body.innerHTML = '
'+filename+'
'+windowContent;
  var a = document.createElement('a');
  a.href = 'data:application/msword;base64,' + window.btoa(doc.innerHTML);
  a.download = filename+'.doc';
  a.click();
}

代碼中，使用createElement函數創建一個doc元素，獲取需要導出的窗口的innerHTML，將其加入到doc.body.innerHTML里，生成下載鏈接並通過click事件觸發該鏈接，實現將窗口導出為Word文檔。該代碼可以應用於窗口導出場景。

四、js導出word到手機

JS不僅可以在PC端操作導出Word文檔，同樣可以在移動端操作導出Word文檔，下面是一個實現在移動端導出Word文檔的代碼示例。

function exportToWord(content, filename='', callback){
  var url = 'data:application/msword;base64,' + window.btoa(content);
  var xhr = new XMLHttpRequest();
  xhr.open('GET', url, true);
  xhr.responseType = 'blob';
  xhr.onload = function(){
    var blob = xhr.response;
    var a = document.createElement('a');
    a.style.display = 'none';
    document.body.appendChild(a);
    var url = window.URL.createObjectURL(blob);
    a.href = url;
    a.download = filename+'.doc';
    a.click();
    if(callback){
      callback();
    }
  };
  xhr.send();
}

在移動端，使用XMLHttpRequest獲取導出的doc文件，並通過a元素模擬鏈接的下載操作。該代碼使用的是回調函數，參數為導出完整後的回調函數，在下載完成後可以根據需要進行一些額外的處理。

五、js導出word帶圖片

導出Word文檔帶有圖片，是在JS操作中也常見的需求，下面是一個實現帶有圖片導出的代碼示例。

function exportWithImageToWord(imageUrl, width, height, text, filename){
  var doc = document.createElement('doc');
  doc.body.innerHTML = '
'+filename+'
'+text+'
';
  var a = document.createElement('a');
  a.href = 'data:application/msword;base64,' + window.btoa(doc.innerHTML);
  a.download = filename+'.doc';
  a.click();
}

代碼中，使用createElement函數創建一個doc元素，將需要導出的圖像以img元素的形式加到doc.body.innerHTML里，文本以p元素形式加入到doc.body.innerHTML里。在瀏覽器中生成一個下載鏈接，通過click事件觸發該鏈接，實現將圖像和文本導出為Word文檔。該代碼可以應用於需要導出帶有圖像和文本的場景。

六、js導出word帶樣式

在導出Word文檔時還需要涉及到樣式問題，下面是一個實現導出帶有樣式的Word文檔的代碼示例。

function exportWithStyleToWord(text, filename){
  var doc = document.createElement('doc');
  doc.body.innerHTML = '
'+filename+'
'+text+'
';
  var a = document.createElement('a');
  a.href = 'data:application/msword;base64,' + window.btoa(doc.innerHTML);
  a.download = filename+'.doc';
  a.click();
}

代碼中，使用createElement函數創建一個doc元素，將需要導出的文本以p元素的形式加到doc.body.innerHTML里，並在p元素中添加style屬性來控制樣式。在瀏覽器中生成一個下載鏈接，通過click事件觸發該鏈接，實現將文本和樣式一併導出為Word文檔。該代碼可以應用於需要導出帶有特定樣式的文本場景。

七、js導出PDF

除了導出Word文檔之外，JS還可以進行導出PDF。下面是一個實現導出PDF的代碼示例。

function exportToPDF(element, filename){
  var opt = {
    margin:       0.5,
    filename:     filename+'.pdf',
    image:        { type: 'jpeg', quality: 0.98 },
    html2canvas:  { scale: 2 },
    jsPDF:        { unit: 'in', format: 'letter', orientation: 'portrait' }
  };
  html2pdf().from(element).set(opt).save();
}

在代碼中，使用了html2pdf庫，從element元素中獲取HTML，並設置轉換PDF的參數，包括邊距，文件名，圖片屬性和一些轉換參數。接着使用html2pdf庫可以生成一個PDF文檔。該代碼可以應用於一些需要導出PDF文檔的場景。