加密后:

可以打開附件里的文件進行查看。
2 實現步驟
2.1 基本構思
加密的過程是一個Javascript函數執行過程,所以我們首先應該考慮用Javascript操作DOM對象的方式。
在已有的HTML頁面中,新建一個DOM對象在Body節點下。該對象的長、寬均經過計算,保證在覆蓋全部頁面內容的同時又不產生滾動條。將該對象覆蓋到原有的頁面之上,設置背景圖,并設置為透明。
創建新DOM元素:
使用document對象里的createElement方法。創建元素后,設置它的z-index為一個大整數,保證它能夠比已有網頁的最大z-index大,才能完成“覆蓋”。
計算新對象大小:
利用三個DOM對象值: clientWidth 、scrollHeight與clientHeight.
網頁中一般不會出現橫向滾動條,故不使用scrollWidth.
而縱向的滾動條就很常見了。
為了保證頁面內容全部覆蓋,在未出現滾動條的時候,使用clientHeight,出現滾動條后,則使用scrollHeight。
設置透明:
利用Alpha值。Alpha是IE支持的css filter。
2.2 應變細節
有一個小細節是很有意思的,前文也提過了,就是resize的過程。
試想,當一個頁面打開的時候是550px×400px,那么自然會生成550px×400px大小的水印。但當用戶對它進行最大化時,頁面沒有刷新,不會重新執行生成水印的函數,那么以前生產的水印圖片就太小了。
如下圖所示的情況。請注意,它的右側、下側都是沒有水印的。
為了應對這種情況,我們就需要對body的onresize()函數進行處理。如果以前定義沒有onresize()函數,則直接添加onresize();如果以前有onresize()函數,則對之進行修改。
2.3 最終代碼
考慮到框架頁面需要考慮的情況,該方法包括三個參數: 目標頁面對象、目標頁面字符串、 背景圖片。
新聞熱點
疑難解答