1. 程式人生 > >[知了堂學習筆記]列印生成word文件(jq)

[知了堂學習筆記]列印生成word文件(jq)

利用瀏覽器對jq外掛的支援進行列印

  • Html中給一個列印按鈕,id為jqprint
    這裡寫圖片描述
  • 將所要列印的內容放入div中,div的id為print
    這裡寫圖片描述
  • 直接.jqprint()列印—-1和2的區別放入下面分析
    這裡寫圖片描述
  • 引入jq和jqprint,解決juqery版本相容問題

    • jquery.jqprint-0.3.js:
      這裡寫圖片描述
    • 定義全域性變數 opt
      這裡寫圖片描述

    當呼叫.jqprint時(接上面的1和2的區分)
    1:給定debug,importCSS,printContainer,operaSupport
    這裡寫圖片描述
    2:不給
    這裡寫圖片描述
    根據瀏覽器的不同開啟新的空白文件/新的視窗
    引入CSS樣式
    這裡寫圖片描述
    想選擇的內容寫在新的文件/視窗
    這裡寫圖片描述


    關閉
    這裡寫圖片描述
    預設設定,如果有,則html中不需要在寫
    這裡寫圖片描述
    這裡寫圖片描述
    將DOM放進iframe中
    這裡寫圖片描述