js 区域打印
所属分类: JS 2022-04-07 17:39:23 编辑:admin 浏览次数 397 次
<body>
<input type="button" value="打印此页面" onclick="printpage()" />
<input type="button" value="打印此页面2" onclick="printpage2()" />
<!--startprint-->
<div id="printContent">打印内容</div>
<!--endprint-->
<!--startprint22-->
<div id="printContent">打印内容222</div>
<!--endprint22-->
<script>
function printpage() {
let oldStr = window.document.body.innerHTML; // 获取body的内容
let start = "<!--startprint-->"; // 开始打印标识, 17个字符
let end = "<!--endprint-->"; // 结束打印标识
let newStr = oldStr.substr(oldStr.indexOf(start) + 17); // 截取开始打印标识之后的内容
newStr = newStr.substring(0, newStr.indexOf(end)); // 截取开始打印标识和结束打印标识之间的内容
window.document.body.innerHTML = newStr; // 把需要打印的指定内容赋给body
window.print(); // 调用浏览器的打印功能打印指定区域
window.document.body.innerHTML = oldStr; // body替换为原来的内容
}
function printpage2() {
let oldStr = window.document.body.innerHTML; // 获取body的内容
let start = "<!--startprint22-->"; // 开始打印标识, 17个字符
let end = "<!--endprint22-->"; // 结束打印标识
let newStr = oldStr.substr(oldStr.indexOf(start) + 19); // 截取开始打印标识之后的内容
newStr = newStr.substring(0, newStr.indexOf(end)); // 截取开始打印标识和结束打印标识之间的内容
window.document.body.innerHTML = newStr; // 把需要打印的指定内容赋给body
window.print(); // 调用浏览器的打印功能打印指定区域
window.document.body.innerHTML = oldStr; // body替换为原来的内容
}
</script>
猜你喜欢
- JavaScript和Jquery的dom操作对比 2018-07-11
- js实现跳转和刷新功能 2018-07-16
- 前端实现分页 2018-07-21
- Js获取当前日期时间及其它操作 2018-08-12
- js为数据加载 2018-08-12
- 正则表达式常用的验证 2018-08-13