web打印 window.print()介绍

术语普及

input标签用法：
input 在 HTML 中，《input》 标签没有结束标签;在XHTML,必须被正确地关闭。（我用书名号代替了尖括号<>）

input type="button" name="print" value="预览并打印"onclick="preview()"

两端加上<>后，变成

 

 input 标签用于搜集用户信息。
根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

---

 innerHTML

 bdhtml=window.document.body.innerHTML;

对于innerHTML属性，几乎所有的元素都有innerHTML属性，它是一个字符串，用来设置或获取位于对象起始和结束标签内的HTML。（获取HTML当前标签的起始和结束里面的内容）
定义和用法

 

 bdhtml=window.document.body.innerHTML;

 DOM （Document ObjectModel:文档对象模型）是我们有能力访问一个文档中的每个元素。
如何访问一个元素？
元素必须拥有被定义的 id 属性，且需要一段脚本语言。JavaScript 是浏览器兼容性最好的脚本语言，所以我们使用JavaScript。

 

  http://www.w3school.com.cn/dhtml/dhtml_dom.asp

 

 

---

 

DIV CSS display (block none inline)属性的用法教程http://www.divcss5.com/rumen/r291.shtml
在一般的CSS布局制作时候，我们常常会用到display对应值有block、none、inline这三个值。
下面我们来分别来认识和学习什么时候用什么值。这里通过CSS display知识加实例、图演示讲解方法来学习和了解DIV CSSdisplay。

CSS隐藏div盒子及html内容方法

Html中怎么使用CSS样式隐藏内容，又不影响代码功能使用。
我们常常想隐藏一些内容，比如网站添加第三方统计显示的图标，如何通过CSS隐藏，但又不影响网站统计；怎么让图片作为背景，但文字又不显示，如何隐藏等问题。divcss5给大家分享分享。

一、普通隐藏网页内容
CSS样式单词：display:none
假如我们想隐藏一段统计代码，但又不想显示出统计代码图标，又不影响统计功能，我们即可使用此CSS样式单词display:none（这单词意思不显示对象及对象内容）。

CSS代码：

HTML片段：

 

说明：此DIVCSS隐藏，将隐藏对象DIV及对象内容，但功能不受影响。对于搜索引擎来说，无论你此样式是标签内使用还是向这个实例一般分开CSS与HTML，搜索引擎都会不读取和索引你隐藏内容，对于隐藏关键字的朋友来说，千万不要使用此CSS隐藏方式来隐藏关键字或锚文本链接，不然只是个徒劳。
二、图片做背景，隐藏图片上文字，又不影响A超链接 锚文本
我们平时会遇到，我们想以图片作为对象背景，内容用文字+超链接来做优化，同时又想隐藏文字，超链接不受影响，这样来优化网页，即不影响美观又达到了搜索引擎优化的效果。
所用关键CSS样式：text-indent:-9999px
divcss5在这里为大家介绍使用CSS来实现。在divcss5也是用这种方法来放置LOGO。
大家可以查看www.divcss5.com

 

CSS 媒体类型
媒体类型允许你指定文件将如何在不同媒体呈现。该文件可以以不同的方式显示在屏幕上，在纸张上，或听觉浏览器等等。
媒体类型
一些CSS属性只设计了某些媒体。例如"voice-family"属性是专为听觉用户代理。其他一些属性可用于不同的媒体类型。例如，"font-size"属性可用于屏幕和印刷媒体，但有不同的值。屏幕和纸上的文件不同，通常需要一个更大的字体，sans- serif字体比较适合在屏幕上阅读，而serif字体更容易在纸上阅读。
@media 规则
@media 规则允许在相同样式表为不同媒体设置不同的样式。

在下面的例子告诉我们浏览器屏幕上显示一个14像素的Verdana字体样式。但是如果页面打印，将是10个像素的Times字体。请注意，font-weight在屏幕上和纸上设置为粗体：

 http://www.runoob.com/css/css-mediatypes.html（这个网站HTML、CSS通俗易懂，简单明了）

 

 

 

---

JavaScript字符串方法

substr() 从起始索引号提取字符串中指定数目的字符
substring() 提取字符串中两个指定的索引号之间的字符

http://www.runoob.com/js/js-strings.html

 

---

http://www.cnblogs.com/jameshappy/archive/2012/04/13/2445348.html

 

web打印window.print()

有些WEB打印是调用ActiveX控件的，这样就需要用户去修改自己IE浏览器的Internet选项里的安全里的ActiveX设置。下面的方法是可以直接打印，而不会去修改IE的Internet选项。

window.print来打印页面，页面上别的元素也会被打印处理，页头页尾的格式也不好控制。
•常用方法：大部分情况会把查询的结果绑定到DataGrid上来，然后打印DataGrid。这种情况的打印一般来说格式比较固定简单，确定后基本不会再作更改。所以可以采用IE直接打印。
 
【实例代码】
注：①这是客户端通过window.print打印指定内容。这里定义sprnstr和eprnstr来指定内容
    执行代码： 

 

    ②如果直接使用window.print将打印页面上的所有内容，但是我们可以使用 

 调用Office实现WEB打印
在浏览网页时，经常需要将Web页面中的内容通过Word或Excel文档打印出来，借助功能强大的Office办公软件，可以完成非常复杂的文档格式，进行精细的控制，可适应性强、易于控制。下面以将数据导出到Word文档为例进行介绍，Excel与此类似，不再赘述。
Word作为文档处理软件，它在处理文档和资料的过程中显示出了强大的功能。将数据导出到Word，主要通过设置Response对象的ContentType属性为输出文件的类型来实现的。代码如下：
Response.AppendHeader("Content-Disposition","attachment;filename=test.doc")
Response.ContentType="application/ms-word";
//如果输出为excel，修改为以下代码
//Response.AppendHeader("Content-Disposition","attachment;filename=test.xls");
// Response.ContentType="application/ms-excel";
this.EnableViewState=false;
String Write tw=new String Writer();
HtmlTextWriter hw=new HtmlTextWriter(tw);
GridView1.RenderControl(hw);
Response.Writer(tw.ToString());
Response.End();
导出成Word或Excel后用户可以自定义打印的内容和格式，开发周期短、维护成本低，用户使用方便，并且可以跨平台运行。但数据导出前难以生成打印预览，在服务器端或客户端使用时，要保证安装有office软件，在客户端使用时要求客户端在IE的安全设置上有一定的要求。

 

---

vs2015安装水晶报表（vs2010就不自带了）需要自己安装插件http://scn.sap.com/docs/DOC-7824