当前位置: 首页 > 网络学院 > 网页制作基础教程 > WEB设计综合 > 除去打印脚本

WEB设计综合
CSS+Javascript实现表格背景变色
网页中小三角的做法与使用(CSS特效)
为不同的浏览器载入不同CSS的二种方法
CSS滑动门教程
CSS hack浏览器兼容一览表
捷足先登学用CSS
英文字符自动换行方法
XSL中实现循环
XHTML第1天:选择什么样的DOCTYPE
XHTML第2天:什么是命名空间
XHTML第3天:定义语言编码
XHTML第4天:调用样式表
XHTML第5天:head区的其他设置
XHTML第6天:XHTML代码规范
Xhtml第7天:css入门知识
Xhtml第8天:CSS布局入门技术
Xhtml第9天:第一个css布局实例
Xhtml第10天:div自适应高度
Xhtml第11天:如何制作不用表格的菜单
Xhtml第12天:校验及常见错误

WEB设计综合 中的 除去打印脚本


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-01   浏览: 2218 ::
收藏到网摘: n/a

Demo: Try to Print this page or Print Preview
演示:尝试打印这个页面或进行打印预览

<style type="text/css" media="print">
body
{
display: none;
}
</style>


Put the above script between the <head> </head> tags in your page. It will make your page empty when it is printed. The code is fairly simple to understand.

将上面的脚本程序放置在<head></head>标签之间,这样一来,当选择打印页面时,显示出来的将是空白页面。这个代码非常容易理解。

<style type="text/css" media="print">

Here we declare that the following script is a CSS Script and media is print which means it is intended for paged, opaque material and for documents viewed on screen in print preview mode.

在这里,我们声明了下面这段脚本程序是一个CSS脚本程序,媒体类型为“print”(意指页面、实体材料或文档在显示器上将以打印预览的方式显示)。

body
{
display: none;
}

Sets the body of the page to blank when the page is printed.

当向页面发出打印请求时,将页面本身设置为空白。

Note: This is especially useful when you don't want some of the pages on your website to be printed and only be read online. Of course you can’t protect the content of the page with this script alone, because cut and paste still would print work here. That is another issue which is not discussed here.

注意:如果你只希望访问者读取页面的内容而不允许他们打印,那么你会发现,这个脚本程序是非常有帮助的。当然,你不能仅靠这段脚本程序来保护你的页面内容,因为“剪切”、“粘贴”功能仍然可以发挥作用。关于页面内容的保护问题我们不在这里赘述。

评论 (0) All

登陆 | 还没注册?