JS自動列印(使用CSS分頁和JavaScript實現局部列印去除網址列)

JS自動列印(使用CSS分頁和JavaScript實現局部列印去除網址列)

JS自動列印(使用CSS分頁和JavaScript實現局部列印去除網址列)

index.html

<HTML>
    <HEAD>
        <TITLE>網頁舉例</TITLE>
        <meta http-equiv=”Content-Type” content=”text/html; charset=utf8″>
    </HEAD>
    <BODY>

        <CENTER><A HREF=’print.html’>連結到想要分頁列印的網頁</A></CENTER>

    </BODY>
</HTML>

 

print.html

<!DOCTYPE html>
<HTML>
    <HEAD>
        <TITLE>自動分頁列印!</TITLE>
        <meta http-equiv=”Content-Type” content=”text/html; charset=utf8″>
        <SCRIPT LANGUAGE=’JavaScript’>
            var iID;
            function doPrint()
            {
                clearTimeout(iID);
                
                bdhtml=window.document.body.innerHTML;    
                sprnstr=”<!–startprint–>”;    
                eprnstr=”<!–endprint–>”;    
                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=””;
                history.go(-1);
            }
            function autoclick()
            {
                lnk = document.getElementById(“auto”);
                lnk.click();
            }
            function RunTimer()
            {
                iID=setTimeout(“autoclick();”,100);
            }
        </SCRIPT>        
    </HEAD>
    <BODY onLoad=RunTimer();>
        <CENTER><button id=’auto’ type=”button” onclick=”doPrint()”>列印</button><CENTER>    
        <BR><BR>    
        <!–startprint–><!–注意要加上html裡star和end的這兩個標記,之前沒加,一直沒效果,誰叫咱們菜呢~–>
        <CENTER>這是列印的第一頁!</CENTER>

        <P style=’page-break-after:always’></P>

        <CENTER>這是列印的第二頁!</CENTER>
        <!–endprint–>
    </BODY>
</HTML>

 

 

 

 

 

 

 

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *