2. 程式人生 > >Lodop-JS列印-Bootstrap樣式錯亂解決方案

Lodop-JS列印-Bootstrap樣式錯亂解決方案

阿新 • • 發佈：2019-02-06
var CreatedOKLodop7766 = null;

//====判斷是否需要安裝CLodop雲列印伺服器:====
function needCLodop() {
    try {
        var ua = navigator.userAgent;
        if (ua.match(/Windows\sPhone/i) != null) return true;
        if (ua.match(/iPhone|iPod/i) != null) return true;
        if (ua.match(/Android/i) != null) return true;
        if (ua.match(/Edge\D?\d+/i) != null) return true;

        var verTrident = ua.match(/Trident\D?\d+/i);
        var verIE = ua.match(/MSIE\D?\d+/i);
        var verOPR = ua.match(/OPR\D?\d+/i);
        var verFF = ua.match(/Firefox\D?\d+/i);
        var x64 = ua.match(/x64/i);
        if ((verTrident == null) && (verIE == null) && (x64 !== null))
            return true; else
            if (verFF !== null) {
                verFF = verFF[0].match(/\d+/);
                if ((verFF[0] >= 42) || (x64 !== null)) return true;
            } else
                if (verOPR !== null) {
                    verOPR = verOPR[0].match(/\d+/);
                    if (verOPR[0] >= 32) return true;
                } else
                    if ((verTrident == null) && (verIE == null)) {
                        var verChrome = ua.match(/Chrome\D?\d+/i);
                        if (verChrome !== null) {
                            verChrome = verChrome[0].match(/\d+/);
                            if (verChrome[0] >= 42) return true;
                        };
                    };
        return false;
    } catch (err) { return true; };
};

//====頁面引用CLodop雲列印必須的JS檔案：====
if (needCLodop()) {
    var head = document.head || document.getElementsByTagName("head")[0] || document.documentElement;
    var oscript = document.createElement("script");
    oscript.src = "
http://localhost:8000/CLodopfuncs.js?priority=1";
    head.insertBefore(oscript, head.firstChild);

    //引用雙埠(8000和18000）避免其中某個被佔用：
    oscript = document.createElement("script");
    oscript.src = "http://localhost:18000/CLodopfuncs.js?priority=0";
    head.insertBefore(oscript, head.firstChild);
};

//====獲取LODOP物件的主過程：====
function getLodop(oOBJECT, oEMBED) {
    var strHtmInstall = "<br><font color='#FF00FF'>列印控制元件未安裝!點選這裡<a href='
http://www.lodop.net/download/Lodop6.215_CLodop2.090.zip' target='_self'>執行安裝</a>,安裝後請重新整理頁面或重新進入。</font>";
    var strHtmUpdate = "<br><font color='#FF00FF'>列印控制元件需要升級!點選這裡<a href='http://www.lodop.net/download/Lodop6.215_CLodop2.090.zip' target='_self'>執行升級</a>,升級後請重新進入。</font>";
    var strHtm64_Install = "<br><font color='#FF00FF'>列印控制元件未安裝!點選這裡<a href='
http://www.lodop.net/download/Lodop6.215_CLodop2.090.zip' target='_self'>執行安裝</a>,安裝後請重新整理頁面或重新進入。</font>";
    var strHtm64_Update = "<br><font color='#FF00FF'>列印控制元件需要升級!點選這裡<a href='http://www.lodop.net/download/Lodop6.215_CLodop2.090.zip' target='_self'>執行升級</a>,升級後請重新進入。</font>";
    var strHtmFireFox = "<br><br><font color='#FF00FF'>（注意：如曾安裝過Lodop舊版附件npActiveXPLugin,請在【工具】->【附加元件】->【擴充套件】中先卸它）</font>";
    var strHtmChrome = "<br><br><font color='#FF00FF'>(如果此前正常，僅因瀏覽器升級或重安裝而出問題，需重新執行以上安裝）</font>";
    var strCLodopInstall = "<br><font color='#FF00FF'>CLodop雲列印服務(localhost本地)未安裝啟動!點選這裡<a href='http://www.lodop.net/download/Lodop6.215_CLodop2.090.zip' target='_self'>執行安裝</a>,安裝後請重新整理頁面。</font>";
    var strCLodopUpdate = "<br><font color='#FF00FF'>CLodop雲列印服務需升級!點選這裡<a href='http://www.lodop.net/download/Lodop6.215_CLodop2.090.zip' target='_self'>執行升級</a>,升級後請重新整理頁面。</font>";
    var LODOP;
    try {
        var isIE = (navigator.userAgent.indexOf('MSIE') >= 0) || (navigator.userAgent.indexOf('Trident') >= 0);
        if (needCLodop()) {
            try { LODOP = getCLodop(); } catch (err) { };
            if (!LODOP && document.readyState !== "complete") { alert("C-Lodop沒準備好，請稍後再試！"); return; };
            if (!LODOP) {
                if (isIE) document.write(strCLodopInstall); else
                    document.documentElement.innerHTML = strCLodopInstall + document.documentElement.innerHTML;
                return;
            } else {

                if (CLODOP.CVERSION < "2.0.9.0") {
                    if (isIE) document.write(strCLodopUpdate); else
                        document.documentElement.innerHTML = strCLodopUpdate + document.documentElement.innerHTML;
                };
                if (oEMBED && oEMBED.parentNode) oEMBED.parentNode.removeChild(oEMBED);
                if (oOBJECT && oOBJECT.parentNode) oOBJECT.parentNode.removeChild(oOBJECT);
            };
        } else {
            var is64IE = isIE && (navigator.userAgent.indexOf('x64') >= 0);
            //=====如果頁面有Lodop就直接使用，沒有則新建:==========
            if (oOBJECT != undefined || oEMBED != undefined) {
                if (isIE) LODOP = oOBJECT; else LODOP = oEMBED;
            } else if (CreatedOKLodop7766 == null) {
                LODOP = document.createElement("object");
                LODOP.setAttribute("width", 0);
                LODOP.setAttribute("height", 0);
                LODOP.setAttribute("style", "position:absolute;left:0px;top:-100px;width:0px;height:0px;");
                if (isIE) LODOP.setAttribute("classid", "clsid:2105C259-1E0C-4534-8141-A753534CB4CA");
                else LODOP.setAttribute("type", "application/x-print-lodop");
                document.documentElement.appendChild(LODOP);
                CreatedOKLodop7766 = LODOP;
            } else LODOP = CreatedOKLodop7766;
            //=====Lodop外掛未安裝時提示下載地址:==========
            if ((LODOP == null) || (typeof (LODOP.VERSION) == "undefined")) {
                if (navigator.userAgent.indexOf('Chrome') >= 0)
                    document.documentElement.innerHTML = strHtmChrome + document.documentElement.innerHTML;
                if (navigator.userAgent.indexOf('Firefox') >= 0)
                    document.documentElement.innerHTML = strHtmFireFox + document.documentElement.innerHTML;
                if (is64IE) document.write(strHtm64_Install); else
                    if (isIE) document.write(strHtmInstall); else
                        document.documentElement.innerHTML = strHtmInstall + document.documentElement.innerHTML;
                return LODOP;
            };
        };
        if (LODOP.VERSION < "6.2.1.5") {
            if (needCLodop())
                document.documentElement.innerHTML = strCLodopUpdate + document.documentElement.innerHTML; else
                if (is64IE) document.write(strHtm64_Update); else
                    if (isIE) document.write(strHtmUpdate); else
                        document.documentElement.innerHTML = strHtmUpdate + document.documentElement.innerHTML;
            return LODOP;
        };
        //===如下空白位置適合呼叫統一功能(如註冊語句、語言選擇等):===
        LODOP.SET_LICENSES("", "13528A153BAEE3A0254B9507DCDE2839", "", "");
        //===========================================================
        return LODOP;
    } catch (err) { alert("getLodop出錯:" + err); };
};

相關推薦

Lodop-JS列印-Bootstrap樣式錯亂解決方案

var CreatedOKLodop7766 = null; //====判斷是否需要安裝CLodop雲列印伺服器:==== function needCLodop() {     try {         var ua = navigator.userAgent;         if (ua.match

本地IIS部署的arcgis js api ，載入地圖樣式改變 --解決方案

之前部署了離線的arcgis js api ，在載入地圖的時候google 瀏覽器總是提示跨域的問題，而且地圖的樣式也發生了變化，但是引用官網的線上api的時候就不會出現的這種問題，意識到是部署的api哪裡還沒有做好，查閱資料許久才找到解決方案，特寫下這篇部落格(其實都已經過去好長時間了 = =)

rem布局進入頁面樣式錯亂解決

return color 顯示 display add 進入 遇到 client ner 開發項目時候第一次遇到rem布局進入頁面瞬間樣式錯亂問題： //該段js為rem布局應用 如10px = 0.1rem; (function(doc, win) { var

Jenkins report 打開樣式失敗解決方案

配置 and groov tar 下載 安裝 script ndb 內網 1、臨時解決方案（重啟Jenkins失效）：在系統管理->腳本命令行： 執行： System.setProperty("hudson.model.DirectoryBrowserSuppo

【轉載】工作中遇到的js問題以及問題的解決方案

height 方案 線程 rap NPU click 創建 chan 包括 Js執行機制，主線程，和隊列任務： // 無論js中有多少代碼，最終都是要通過js引擎去執行 // 異步代碼都是瀏覽器引擎去控制的，（定時器計時，和ajax請求，都是由瀏覽器引擎控制的）也就

Android RecyclerView動態addView錯亂解決方案

問題 總所周知，RecyclerView上下滑動造成資料錯亂是一個非常令人頭疼的問題。不僅如此，在RecyclerView中動態addView，也會出現混亂的現象，如下圖： //RecyclerView中給RadioGroup動態新增RadioButton

js async await 終極非同步解決方案

既然有了promise 為什麼還要有async await ？ 當然是promise 也不是完美的非同步解決方案，而 async await 的寫法看起來更加簡單且容易理解。 回顧 Promise Promise 物件用於表示一個非同步操作的最終狀態（完成或失敗），以及其返回的值。 Promise 物件

js async await 終極非同步解決方案

回顧 Promise Promise 物件用於表示一個非同步操作的最終狀態（完成或失敗），以及其返回的值。 Promise 物件是由關鍵字 new 及其建構函式來建立的。建構函式會，把一個叫做“處理器函式”（executor function）的函式作為它的引數。這個“處

JS跨域：1.解決方案之-SpringMVC攔截器

package com.bdqn.utils; import java.util.List; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResp

JS跨域請求的解決方案

出現JS跨域請求的原因: 瀏覽器檢測到源的異常 什麼叫做JS跨域: 兩個應用協議,主機地址(域名),埠號。三者有一個不同,則認為他們的域不同。 例如: http:localhost:80/a https:localhost:80/b 此時的a與b的應用協議是不同

Eclipse中引入的js報紅叉的解決方案

問題:    專案中引入的某些js會報紅叉原因: eclipse中對js的校驗  壓縮過程中有時候會有問題  是eclipse工具的問題怎麼解決:  對報錯的js檔案右鍵-->選擇Validate 一般這一步就好了  不再報錯  還報錯的話  clean一下專案  再u

mybatis列印SQL日誌最終解決方案

問題 在程式除錯時想要mybatis列印SQL日誌，但它並沒有類似hibernate所提供的showsql功能，因此只能通過配置log4j日誌輸出級別的方式來列印sql。但網上搜到的答案几乎都是下面的配置方式： log4j.rootLogger=info,s

js迴圈繫結事件解決方案

相信大家都遇到過類似的問題，for迴圈繫結完事件最後執行的時候都是最後一個事件相同，比如這段程式碼  Java程式碼   <body>   <ul id="list">   <li>1</li>   <li>

js數組去重解決方案

self 文章 rom 包含 color 現在 簡單 3.0 思路 js數組去重是前端面試中經常被問的題目，考察了面試者對js的掌握，解決問題的思路，以及是否具有專研精神。曾經一位前端界大神告訴我，解決問題的方式有很多種，解決問題時多問問自己還有沒有其他的方法，探求最優解決

使用lodop.js列印控制元件列印table並分頁等

import {getLodop} from '@/utils/LodopFuncs.js' //打印表格 export default{ // num 列印還是列印預覽 conData 物件形式 傳入需要的值 自定義 (自己新增的屬性要在下面備註) // conData title 標題

bootstrap 4.0 dropdown 找不到popper.js 的解決方案

最近專案中升級bootstrap 由3.3.7版 升了4.0版本 發現 dropdown 找不到popper.js  解決辦法：npm install -save popper 下載完之後，檢視node_modules檔案 的dist 目錄 根目錄下有兩個目錄，一個是umd 另一個esm 除

JS元件系列——Bootstrap右鍵選單解決方案：ContextMenu

前言：有段時間沒發表隨筆了，過個年人都變得懶了。新年剛來上班，今天正好得空，將去年遺留的兩個小元件總結記錄下。有朋友跟我說：你的bootstrap元件要能夠形成一個可以滿足一般專案需求的系列元件，才有真正的實用價值。想想說得在理。這不今天來總結下bootstrap的一個小元件的應用。好了，不說廢話，進入正題吧

JS元件系列——Bootstrap Table 凍結列功能IE瀏覽器相容性問題解決方案

前言：最近專案裡面需要用到表格的凍結列功能，所謂“凍結列”，就是某些情況下表格的列比較多，需要固定前面的幾列，後面的列滾動。遺憾的是，bootstrap table裡自帶的fixed column功能有一點bug，於是和同事討論該如何解決，於是就有了這篇文章。 一、起因回顧 第一列固定 貌似

Bootstrap輪播（carousel）外掛中圖片變形的終極解決方案——使用jqthumb.js

在頂求網的首頁中我使用了BootStrap的輪播（carousel）外掛來展示文章中的圖片。我在程式中自動抓取文章的第一張圖片作為該輪播控制元件中要顯示的圖片，由於文章的圖片大小不一，而輪播外掛的大小基本是固定的，所以展示的時候圖片出現了變形。在網上找了很多中方式也沒有解決(過程曲折，不再贅述)，直到找到了

vue 打包 後樣式順序錯亂問題及解決方案

前段時間碰到 vue 打包 後樣式順序錯亂的問題   本地測試的時候 樣式沒有任何問題，但是打包之後 樣式順序就不對了 我是一個自定義樣式和一個第三方樣式，自定義樣式已經放在了第三方樣式的下方 但是沒有效果 打包之後還是出現順序錯亂的問題  錯誤程式碼：  其中mai