window.print()打印页面部分内容(网上归纳总结)

从网上学到的一些用法：

window.print()  实际上，是浏览器打印功能菜单的一种程序调用，设置打印参数，比如纸型，页边距，选择打印机等等。需要指出的是这种方法提供一个打印前和打印后的事件onbeforeprint、onafterprint。可以在打印前的时候重新编辑一些格式，专门送去打印，打印后又处理回来。

1、

function window.onbeforeprint()
{
//将一些不需要打印的隐藏
}
function window.onafterprint()
{
//放开隐藏的元素
}

通过这两个方法，就可以实现页面的部分打印

2、

调用window.print()时，可以利用css来控制页面中的东西是否显示

@media print{

　　.noprint{

    　　display:none

　　}

}

 

html:

 

                                               

下面是media的相关

media类型是CSS属性媒体类型，用于直接引入媒体的属性。其语法格式如下：

@media screen | print | projection | braille | aural | tv | handheld | all

参数说明

      screen：指计算机屏幕。

      print：指用于打印机的不透明介质。

      projection：指用于显示的项目。

      braille：盲文系统，指有触觉效果的印刷品。

      aural：指语音电子合成器。

      tv：电视类型的媒体。

      handheld：指手持式显示设备。

      all：用于所有媒体。

3、

//处理打印部分页面信息的方法
function doPrint() { 
bdhtml=window.document.body.innerHTML; //获得body标签内的全部html代码
sprnstr=”“; //声明一个字符串，用于表示打印的起始位置
eprnstr=”“; //标示打印的结束位置
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); //查找打印的起始字符串并加上17，因为的长度为17，所以要加17，这样打印时不会把标示打印出来
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //和上边的意思差不多
window.document.body.innerHTML=prnhtml; //通过window对象得到body对象并将当前窗体的内容设置为要打印起始标示符和结束标示符之间的内容，这样打印出来就只有需要的部分，而其他没用的信息都不会有的
window.print(); 
}

4、

默认window.print打印会将页眉页脚也打印出来，可以通过javascript控制去掉页眉页脚。

 

function doPrint() {

/// 隐藏不需要打印的内容
        try
    {
        PageSetup_Null();
    }
    catch(e)
    {
        var errorMsg = e.message+”\r”+”请设置:IE选项->安全->Internet->”+”ActiveX控件和插件”+”\r”+”对未标记为可安全执行脚本的ActiveX的控件初始化并执行脚本->允许/提示”;
        alert(errorMsg);
        return;
    }
    window.print(); 
}