简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

Javascript打印局部页面实例

来源:易贤网   阅读:1031 次  日期:2016-07-12 16:54:09

温馨提示:易贤网小编为您整理了“Javascript打印局部页面实例”,方便广大网友查阅!

这篇文章主要分享一个Javascript打印局部页面实例,需要的朋友可以参考下。

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script type="text/javascript">  

  function doPrint() {  

    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();  

}  

</script>

</head>

<body>

<p>1</p>

<p>2</p>

<!--startprint--><!--注意要加上html里star和end的这两个标记,之前没加,一直没效果,谁叫咱们菜呢~-->

<h1>打印标题</h1>

<p>打印内容~~</p>

<!--endprint-->

<button type="button" onclick="doPrint()">打印</button>

<p>1</p>

<p>2</p>

</body>

</html>

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:JS实现获取剪贴板内容的方法
下一篇:Javascript点击其他任意地方隐藏关闭DIV实例
易贤网手机网站地址:Javascript打印局部页面实例
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!