首页 / JAVASCRIPT / 利用javascript实现web页面中指定区域打印

利用javascript实现web页面中指定区域打印

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了利用javascript实现web页面中指定区域打印，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3283字，纯文字阅读大概需要5分钟。

内容图文

最近做到了web页面课程表打印时，上网找了一些资料，最后使用了下面的方法实现了我需要的功能。将需要打印的课程表的table放入div标签中，然后指定出需要打印的区域，最后调用window.print打印指定内容。

示例代码（代码中有些内容已省略）
代码如下:
function preview() {
    bdhtml = window.document.body.innerHTML;
    sprnstr = "";
    eprnstr = "";
    prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17);
    prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr));
    window.document.body.innerHTML = prnhtml;
    window.print();
}

上面的是javascript代码，下面是html页面代码
代码如下:
        <div class="print">
            <input   type= "button" value= "打印课表" onclick= "preview()"/>
        </div>
        <div class="result">
            课程表查询结果
        </div>
<center>本部分以下被打印</center>
        
        <div class="timetable">
            <table id="table1" class ="tableresult"style="margin-left :auto;margin-right:auto;">
                <tr >
                    <th>　　　</th>
                    <th>星期一</th>
                    <th>星期二</th>
                    <th>星期三</th>
                    <th>星期四</th>
                    <th>星期五</th>
                    <th>星期六</th>
                    <th>星期日</th>
                </tr>
                <tr >
                    <th> 1,2 节</th>
                    <td>大学信息技术课<br>数信学院<br>501机房<br>生物专业</td>
                    <td></td>
                    <td>大学信息技术课<br>数信学院<br>501机房<br>生物专业</td>
                    <td></td>
                    <td>大学信息技术课<br>数信学院<br>501机房<br>生物专业</td>
                    <td></td>
                    <td></td>
                </tr>
                <tr >
                    <th> 3,4 节</th>
                    <td></td>
                    <td>大学信息技术课<br>数信学院<br>501机房<br>生物专业</td>
                    <td></td>
                    <td>大学信息技术课<br>数信学院<br>501机房<br>生物专业</td>
                    <td>大学信息技术课<br>数信学院<br>501机房<br>生物专业</td>
                    <td></td>
                    <td></td>
                </tr>
                <tr >
                    <th> 5,6 节</th>
                    <td>大学信息技术课<br>数信学院<br>501机房<br>生物专业</td>
                    <td>大学信息技术课<br>数信学院<br>501机房<br>生物专业</td>
                    <td>大学信息技术课<br>数信学院<br>501机房<br>生物专业</td>
                    <td>大学信息技术课<br>数信学院<br>501机房<br>生物专业</td>
                    <td></td>
                    <td>大学信息技术课<br>数信学院<br>501机房<br>生物专业</td>
                    <td>信息技术<br>数信学院<br>501机房<br>生物专业</td>
                </tr>
                <tr >
                    <th> 7,8 节</th>
                    <td></td>
                    <td>大学信息技术课<br>数信学院<br>501机房<br>生物专业</td>
                    <td>大学信息技术课<br>数信学院<br>501机房<br>生物专业</td>
                    <td>大学信息技术课<br>数信学院<br>501机房<br>生物专业</td>
                    <td>大学信息技术课<br>数信学院<br>501机房<br>生物专业</td>
                    <td></td>
                    <td></td>
                </tr>
            </table>
        </div>
         
<center>本部分以上被打印</center>

内容总结

以上是互联网集市为您收集整理的利用javascript实现web页面中指定区域打印全部内容，希望文章能够帮你解决利用javascript实现web页面中指定区域打印所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/365066.html

来源：【匿名】

【上一篇】获取非最后一列td值并将title设为该值的方法【下一篇】javascript 怎么调用php方法

更多 ►

【利用javascript实现web页面中指定区域打印】教程文章相关的互联网学习教程文章

打印CSDN博客内容JS【代码】

https://blog.csdn.net/jdy_lyy/article/details/102923471使用如下代码，先进入到打印界面(function(){ $("#side").remove(); $("#comment_title, #comment_list, #comment_bar, #comment_form, .announce, #ad_cen, #ad_bot").remove(); $(".nav_top_2011, #header, #navigator").remove(); $(".p4course_target, .comment-box, .recommend-box, #csdn-toolbar, #tool-box").remove(); $("aside").remove(); $(".csdn-side-toolb...

js打印功能【代码】

doPrint:function(){var headhtml = "<html><head><title></title></head><body>";var foothtml = "</body>";// 获取div中的html内容// var newhtml = document.all.item(printpage).innerHTML;// 获取div中的html内容，jquery写法如下var newhtml = $("#printdeliveryView").html();// 获取原来的窗口界面body的html内容，并保存起来var oldhtml = document.body.innerHTML;// 给窗口界面重新赋值，赋自己拼接起来的html内容docum...

用JS的for循环打印九九乘法表【代码】

需要使用两个for循环嵌套，代码如下：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>九九乘法表</title></head><body><script>for (var i =1 ; i <=9; i++) {for(var j=1; j<=i; j++){document.write(i+‘x‘+j+‘=‘+i*j+‘,‘);}document.write(‘<br/>‘);}</script></body></html> 原文：http://www.cnblogs.com/zhangyin6985/p/5445836.html

使用javascript实现监控视频播放并打印日志_javascript技巧【图】

最近在做一个项目，要求监控视频的播放事件并能够打印LOG日志，经过一番思索，使用javascript实现了此功能，代码如下： HTML:代码如下:Multi SourceJS:代码如下:window.addEventListener("load",getVideoEvent); function getVideoEvent(){ var videoes=document.getElementsByTagName("video"); for (var i = 0; i showEventLog("video"+(i+1),videoes[i]); } } function showEventLog(videoNum,Media){ eventTester = function(...

Node.js利用debug模块打印出调试日志的方法

前言大家都知道在node程序开发中时，经常需要打印调试日志。用的比较多的是debug模块，比如express框架中就用到了。下文简单举几个例子进行说明。文中相关代码示例，可在这里找到。备注：node在0.11.3版本也加入了util.debuglog()用于打印调试日志，使用方法跟debug模块大同小异。基础例子首先，安装debug模块。 npm install debug使用很简单，运行node程序时，加上DEBUG=app环境变量即可。 /*** debug基础例子*/ var debug = r...

使用javascript实现监控视频播放并打印日志

最近在做一个项目，要求监控视频的播放事件并能够打印LOG日志，经过一番思索，使用javascript实现了此功能，代码如下： HTML:代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Multi Source</title> </head> <body> <video src="http://www.w3school.com.cn/i/movie.mp4" controls autoplay></video> <video src="http://www.w3school.com.cn/i/movie.mp4" c...

javascript – 在Chrome JS调试器中,如何打印对象的所有属性？【代码】

我在Chrome中打开了Javascript调试器(Ctrl Shift L)并开始使用它在我的代码中设置断点. 与Firebug相比,这是一个非常不同的界面(它是所有命令行驱动的)所以我想知道如何做一个简单的事情,比如打印一个对象的所有属性. 如果我有这样的对象：var opts = {prop1: "<some><string/></some>",prop2: 2,prop3: [1,2,3] }我可以设置一个断点并检查对象,但我似乎只得到一个属性,我不确定会出现哪个属性：$print opts #<an Object>试图获得所...

利用JavaScript的循环语句再页面中打印图形【代码】

利用JavaScript的循环语句再页面中打印图形前面两篇博客我们讲解怎么使用for循环进行数学的简单计算，这篇博客主要是利用js的循环语句在网页中打印出各种图形。 1.利用js的循环语句打印矩形// 利用循环语句在网页中打印十行十列的矩形for (var j = 0; j < 10; j++) {// 一行打印10个 @for (var i = 0; i < 10; i++) {document.write("@");}document.write("<br/>");}// 利用while循环打印矩形var x=0;while(x<10){var y=0;while(y...

javascript – 为什么Chrome和FireFox控制台打印未定义？【代码】

拿这个简单的Test对象并将其粘贴到控制台中,你会看到它显示为undefined.该对象正在工作,因为它也打印123,但未定义的是什么. 测试：var Test = new (function(){return {get testing(){return "123";}} });console.log(Test.testing);控制台输出：123 undefined解决方法:这是console.log的返回值. 尝试console.log(1);这使1 undefined但是,如果你输入的话Test.testing只给出了"123"

javascript-在d3.js中的x轴上以不同格式打印日期【代码】

我正在使用D3.js构建此折线图及其工作正常.但我无法以缩写形式在X轴上打印月份(jan,feb ….) 这是我解析日期的方式.var parseDate = d3.time.format("%m-%Y").parse;x轴代码var xAxis = d3.svg.axis().scale(x).orient("bottom");以及打印和附加svg.append("g").attr("class", "x axis").attr("transform", "translate(0," + height + ")").call(xAxis);帮助我.解决方法:只需在内部使用d3.time.format的tickFormatvar xAxis = d3.s...

Javascript：在编写for循环时,为什么要打印最后一个索引号？【代码】

在js解释器中编写一个简单的for循环时,我会自动获取索引号的最后一个值(在本例中为i).js> for (var i=0; i<100; ++i) { numbers[i]=i+1; } 100 js> i 100有人可以解释为什么翻译工作那样吗？我没有明确要求它打印i的值. 很抱歉这些含糊不清的人,但我真的不知道如何描述正在发生的事情.解决方法:javascript中的所有语句都有一个值,包括在循环结构中执行的块.执行循环块后,将返回最终值(如果不执行任何操作,则返回未定义的值).隐含地...

用while循环计算打印2到100的偶数和的几种方法

用while循环计算打印2到100的偶数和（三种方法） 1. 循环—while 语法：while（条件）{//循环体-循环操作//更新循环条件++/--； }2.continue 作用：终止本次循环的执行，继续下一次的循环<!doctype html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" style="text/css" href=""> <style> </style> </head> <body> <script> 计算打印2——100的偶数和 // ...

javascript-通过js用websocket连接打印机进行打印问题

通过js 用websocket 连接打印机进行打印，已知打印机的端口是默认开的，通过PHP代码 $s = fsockopen("192.168.1.122", 8081,$errno, $errstr, 30);fwrite($s,"abcjiuejseeeeeeeee2222222222ss"); 这样打印是可以的，但通过JS的websocket连接就只打印头信息，是什么情况？ js 代码是： ws = new WebSocket("ws://192.168.1.122:8081/"); console.log(ws); ws.onopen = function (e) {console.log(e);console.log("连接成功");ws.se...

javascript-求助，我这句AJAX写的可对？为何在控制器上收不到打印信息？【图】

如图，我可以打印出wid的，若不Post提交的话现在，问题就是，我在点击confirm弹出的框子后，点击是后，没法子打印出post提交过来的值了，我是照着教程写的，就很不明白这句if(isdel){$.post(delnew, {wid : wid}, 写的可对？尤其是$.post，是不是意思就是向delnew这个控制器发送请求的意思，所以特来求助。我那delnew方法，是和当前页面在一个控制器的，都是NEWS控制器。按照ゞbonnieゝ老兄所言，我改动了下，发现依然报错，...

javascript-一个数每隔一秒执行加1并打印出来，一直加到50停止，用js如何实现？

如题，用到闭包，和setTimeout函数怎么解决？也欢迎php的实现回复内容：如题，用到闭包，和setTimeout函数怎么解决？也欢迎php的实现var count = (function() {var timer;var i = 0;function change(tar) {i++;console.log(i);if (i === tar) {clearTimeout(timer);return false;}timer = setTimeout(function() {change(tar)}, 1000)}return change; })()count(50)(function(){var i=0;var end=setInterval(function(){if(i>=50){...

首页 / JAVASCRIPT / 利用javascript实现web页面中指定区域打印

利用javascript实现web页面中指定区域打印

内容导读

内容图文

内容总结

内容备注

内容手机端

【利用javascript实现web页面中指定区域打印】教程文章相关的互联网学习教程文章

JAVASCRIPT - 相关标签

WEB - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程