相容IE8實現頁面新增水印

2021-09-02 18:35:19 字數 2748 閱讀 8711

參考文章：

// 水印


(function (watermark) ;


//採用配置項替換預設值，作用類似jquery.extend


if (arguments.length === 1 && typeof arguments[0] === "object") ;


for (key in src) 


}if (window.watermarkdivs && window.watermarkdivs.length > 0) 


//獲取頁面最大寬度


var page_width = math.max(document.body.scrollwidth, document.body.clientwidth);


//獲取頁面最大長度


var page_height = math.max(document.body.scrollheight, document.body.clientheight);


// var page_height = math.max(document.body.scrolltop,document.body.clientheight);


// 建立文件碎片


var otemp = document.createdocumentfragment();


//建立水印外殼div


var otdiv = document.getelementbyid("otdivid");


if (!otdiv) 


//如果將水印列數設定為0，或水印列數設定過大，超過頁面最大寬度，則重新計算水印列數和水印x軸間隔


if (defaultsettings.watermark_cols == 0 || (parseint(defaultsettings.watermark_x + defaultsettings.watermark_width * defaultsettings.watermark_cols + defaultsettings.watermark_x_space * (defaultsettings.watermark_cols - 1)) > page_width)) 


//如果將水印行數設定為0，或水印行數設定過大，超過頁面最大長度，則重新計算水印行數和水印y軸間隔


if (defaultsettings.watermark_rows == 0 || (parseint(defaultsettings.watermark_y + defaultsettings.watermark_height * defaultsettings.watermark_rows + defaultsettings.watermark_y_space * (defaultsettings.watermark_rows - 1)) > page_height)) 


var x;


var y;


for (var i = 0; i < defaultsettings.watermark_rows; i++) ;


};//一次性新增到document中


};watermark.init = function (settings) ;


window.onresize = function () ;


};watermark.load = function (settings) ;


})(window.watermark = {});


/* * pointer events polyfill: adds support for the style attribute


* "pointer-events: none" to browsers without this feature (namely, ie).


* (c) 2013, kent mewhort, licensed under bsd. see license.txt for details.


*/// constructor


function pointereventspolyfill(options) [\.0-9])/) != null) 


/* jshint ignore:end */


// }


// return false;}};


if (options) );


}if (this.options.usepolyfillif())


this.register_mouse_events();


}/**


* singleton initializer


* * @param       options     polyfill options.


* @return      the polyfill object.


*/pointereventspolyfill.initialize = function (options) ;


/** * handle mouse events w/ support for pointer-events: none


*/pointereventspolyfill.prototype.register_mouse_events = function () 


return true;


});};
呼叫**如下：

$(function () );


pointereventspolyfill.initialize({});		


}});
效果圖如下：

IE8 新增class 相容 方法

var div document.getelementbyid followforum div.classname btn focus has sign 相容所有瀏覽器 一 el.setattribute class abc 複製 如下 test div ie6 7 div背景色不是紅色 ie8 9...

頁面如何新增水印？

最近做vue專案的時候，需要要求要在頁面中新增水印的效果，網上找了一些方法，具體操作如下 1 頁面中新增乙個檔案比如 watermark.ts,如下 const watermark any const setwatermark str any const can document.createele...

處理ie8相容

1.ie8換成edge模式渲染 x ua compatible content ie edge 2.x ua compatible是針對ie8新加的乙個設定，對於ie8之外的瀏覽器是不識別的，這個區別與content ie 7 在無論頁面是否包含指令，都像是使用了 windows internet ...