javascript打印,或浏览功能

javascript|打印

<html>
<head>

<script  lanuage="javascript">
 function  fun()
{
 var tempStr;
 tempStr = "<table width = '100%'>"
 
 
 for(int i=0; i<6; i++)
 {
  tempStr += "<tr><td>" + (i+1) +" </td><td>" + HelloWord +"</td><tr>"
 }
 tempStr += "</table>"
 document.write(tempStr);
}
</script>
</head>
<body >
<input type="file" name="txtPath">
<input type="button" value = "Print" onClick = "javascript:window.print()">
<br>调用IE内置打印组件完成web打印方案及例程 
来源:未知 发表时间:2004-11-8 【ovo.com.cn】
 
 
 <br>
重点:
<OBJECT  id=WebBrowser  classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2  height=0  width=0 VIEWASTEXT>
  </OBJECT>
<input type=button value=打印     class="NOPRINT">
<input type=button value=直接打印 class="NOPRINT">
<input type=button value=页面设置 class="NOPRINT">
<input type=button value=打印预览 class="NOPRINT">

<br>
<br>
<hr>
注意:
1、CSS对打印的控制:
<!--media=print 这个属性可以在打印时有效-->
<style media=print>
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>

Noprint样式可以使页面上的打印按钮等不出现在打印页面上,这一点非常重要,因为它可以用最少的代码完成最需要的功能

PageNext样式可以设置分页,在需要分页的地方<div class="PageNext"></div>就OK了,呵呵

2、表格线粗细的设置,更是通过样式表:

<style>
.tdp
{
    border-bottom: 1 solid #000000;
    border-left:  1 solid #000000;
    border-right:  0 solid #ffffff;
    border-top: 0 solid #ffffff;
}
.tabp
{
    border-color: #000000;

        border-collapse:collapse;
}
</style>

<br>
或者:

<style>
.TdCs1 {
        border:solid windowtext 1.0pt;
}
.TdCs2 {
        border:solid windowtext 1.0pt; border-left:none;
}
.TdCs3 {
        border-top:none;
        border-left:solid windowtext 1.0pt;
        border-bottom:solid windowtext 1.0pt;
          border-right:solid windowtext 1.0pt;
}
.TdCs4 {
        border-top:none;
        border-left:none;
        border-bottom:solid windowtext 1.0pt;
          border-right:solid windowtext 1.0pt;
}
.underline {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: solid;
        border-left-style: none;
        border-bottom-color: #000000;
}
</style>

</table>
</body>
</html>

 

时间: 2024-11-08 19:23:03

javascript打印,或浏览功能的相关文章

javascript打印html内容功能的方法示例_javascript技巧

复制代码 代码如下:  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>    <meta http-equiv

移动浏览功能网站:最流行且对可用性产生巨大影响

网页制作Webjx文章简介:提高移动手机网站界面友好的方法. 目前,移动浏览功能不断普及提高,开始优化你的网站以更好地适应移动平台和它的局限性将是你的第一要务.有很多简单的方法可以提高你的移动浏览网站,同时又不过多的改动你的网站,本文探讨其中最流行且可以对可用性产生巨大的影响的8个. 流式布局 让您的网站液体宽度布局是使您的网站的朝着对移动设备友好的重要一步.它不仅摒弃了你的网站周围的多余的死空间,他还可以使之在许多不同平台和分辨率下查看.那么究竟流体宽度是什么意思呢? 流体宽度,顾名思义,就是

PHP文件浏览功能

PHP文件浏览功能,如下代码: <html>  <head>  <title>文件浏览</title>  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">  <style type="text/css">  <!--  a:link {text-decoration: none;} 

在Word 2007中使用打印预览功能

用户可以通过使用"打印预览"功能查看Word文档打印出的效果,以及时调整页边距.分栏等设置,操作步骤如 下所述: 第1步,打开Word2007文档窗口,并单击Office按钮.在Office菜单指向"打印"选项,并在打开的下一级菜单中 单击"打印预览"命令,如图2008110101所示. 图2008110101 单击"打印预览"命令 第2步,在打开的"打印预览"窗口中可以查看Word文档打印出的效果,用户在

用JavaScript实现页面重定向功能的教程

  这篇文章主要介绍了用JavaScript实现页面重定向功能的教程,是JS入门学习中的基础知识,需要的朋友可以参考下 页面重定向是什么? 当你点击一个URL来访问一个网页X,但在内部你被定向到另一页Y,仅仅是因为页面重定向.这一概念是从不同于JavaScript 页面刷新 . 可能有各种原因,为什么想从原来的页面重定向.下面列出的几个原因: 如果不喜欢你的域名,可以重定向到一个新的.同时,要引导所有访问者到新网站.在这种情况下,可以保持旧的域名,但放在一个页面到一个页面重定向使所有的旧域名游客

WPS文字中打印预览功能使用技巧

  可能很多朋友将自己编辑好的文档进行打印时并不习惯使用打印预览功能,但是,此功能,可以帮你检查文档的打印效果,这样可以先看下打印内容是不是刚好合适,才不会浪费纸张以及不能达到很好的阅览体验. 在常用工具栏上单击"打印预览",可进入打印预览. 打印预览 进入打印预览后,单击预览页面就会对预览页面进行缩放,方便切换查看整体效果和单页的具体效果. 此外,在打印预览页面左上角还能选择切换单页或者双页的预览模式. 也能选择更具体比例的缩放. 比例缩放 WPS文字的打印预览功能虽然没有很大的变化

深入剖析JavaScript中的枚举功能

 本篇文章主要是对JavaScript中的枚举功能进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助 由于 Microsoft AJAX Library 对于 JavaScript 进行了大幅扩展,   枚举这个常用的功能当然也被加进去了,   本次就是来探讨 JavaScript 的枚举功能.   由于范例很简单,   所以直接看 HTML 标签就 OK 了    代码如下: <html xmlns="http://www.w3.org/1999/xhtml">

用JavaScript实现类似于ListBox功能示例代码

 这篇文章主要介绍了用JavaScript实现类似于ListBox功能,需要的朋友可以参考下 JavaScript对于多项数据的请求和处理过程中,如何实现常常困扰很多程序员,如何进行动态编辑和删除而不影响其他的数据项,今天介绍一种方法,可供借鉴,例如通过XmlRequest请求到如下数据:  代码如下: <span style="font-size:14px;">{ "Table":  [  { "Id": 3, "Type

asp.net实现打印课表的功能

问题描述 asp.net实现打印课表的功能 课表是自己拼接的,想实现打印功能(课表里面有合并单元格),调用网上大家说的window.print()合并单元格的模块显示混乱,大家有什么好的办法不??? 解决方案 合并单元格用 rowspan colspan 属性输出成一个打印友好的页面,再调用window.print()