chrome呼叫頁面列印

2021-08-15 04:45:18 字數 742 閱讀 5359

之前**寫過列印,結果太長沒有記錄導致這次找的時候非常麻煩。寫篇部落格記錄一下。

1. 頁面可以直接呼叫,如下

列印

//開始和結束以注釋的方式插入到html頁面上

js部分

bdhtml=window.document.body.innerhtml; //獲取到頁面html

sprnstr="";

eprnstr=""; //找到兩個標籤

prnhtml=bdhtml.substr(bdhtml.indexof(sprnstr)+17);

prnhtml=prnhtml.substring(0,prnhtml.indexof(eprnstr)); //切除標籤以外的東西

window.document.body.innerhtml=prnhtml;

window.print();

window.document.body.innerhtml=bdhtml;//將頁面重新改回原始樣式

window.location.href=window.location.href; //此處是業務需要 由於有動態生成資料 直接返回樣式會亂 所以手動重新整理了一下

呼叫列印挺好用的,記錄一下方便下次再用。

2. 跟小夥伴討論的時候,發現了乙個css屬性,覺得挺實用,也記錄一下

*
讓文字不能被選中,貌似是css3的屬性。

Chrome瀏覽頁面常用Tips

1.chrome瀏覽頁面常用快捷鍵 ctrl n 開啟新視窗。ctrl t 開啟新標籤頁。ctrl w關閉當前標籤 ctrl f4 關閉chrome瀏覽器 ctrl tab 或 ctrl pgdown 切換到下乙個標籤頁。ctrl shift tab 或 ctrl pgup 切換到上乙個標籤頁。ct...

禁止列印頁面!

解決思路 要真正禁止列印頁面是辦不到的,但是如果能設定讓使用者列印到的是空白,也算是實現禁止列印的目的了。具體步驟 示例 文件主要內容 規則說明 import指定匯入的外部樣式表及目標 該規則必須在樣式表頭部最先宣告 charset在外部樣式表檔案內使用。指定該樣式表使用的字符集。font face...

小票列印頁面

列印小票頁面,效果圖 css 及html如下 doctype html html head meta charset utf 8 meta name viewport content width device width,initial scale 1.0,user scalable no,mini...