IE打印部分内容

最新推荐文章于 2019-03-04 11:36:00 发布

最新推荐文章于 2019-03-04 11:36:00 发布 · 137 阅读

文章标签：

#IE #HTML #C #C++ #C#

本文介绍了一种在网页打印过程中通过JavaScript动态隐藏指定元素的方法。该方法利用了浏览器的onbeforeprint和onafterprint事件来实现在打印前隐藏指定div，并在打印完成后恢复其显示状态。这种技巧适用于那些希望在打印页面时排除某些不必要元素的场景。

<body id="body1">
<div id="1" style="display: block;">asdfsdfsfsfwefwef</div>
<div id="2" style="display: block;">b</div>
<div id="3" style="display: block;">c</div>
<div id="4" style="display: block;">d</div>

<div><input name="" type="button" onClick="q()"></div>
</body>
<script>
var temp = "";
function q(){
   window.onbeforeprint = function(){

                        document.getElementById("1").style.display = "none";
            };

            window.onafterprint = function(){
                        document.getElementById("1").style.display = "";
                    };

            window.print();
}
</script>
</html>