`

js 控制打印内容显隐

    博客分类：
  • js
js显示 
阅读更多
<html>
<span id="span1">
111111111111111111111111111
</span>
<span id="span1">
<!--<span id="span2" style="display : none"> -->
222222222222222222
</span>
</html>


假如我们不想打印span2中的内容，在页面上添加这样一段javascript程序：

<script>
//-----  下面是打印控制语句  ----------
window.onbeforeprint=beforePrint;
window.onafterprint=afterPrint;

function beforePrint()
{
span2.style.display='none'; //打印之前隐藏不想打印出来的信息

<!--span2.style.display='block';--> //打印之前显示之前隐藏的信息

}
//打印之后将隐藏掉的信息再显示出来
function afterPrint()
{
span2.style.display='';
<!--span2.style.display='none'; -->//打印之后隐藏不想显示出来的信息
}
</script>
分享到：
| ruby way之IO
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    js控制html控件显隐

    js控制html控件显隐 显隐 js控制html控件显隐 显隐

    iClient for JavaScript的几种图层显隐控制

    本文将深入探讨如何利用`iClient for JavaScript`来实现图层的显隐控制。 一、图层的基本概念 在地图中，图层就像是地图的“片断”，每个图层可以包含特定类型的地理数据，如地形、交通线路、建筑物等。图层的显隐...

    子图层控制-直接控制显隐.html

    子图层控制，通过图层索引号直接控制显隐 服务地址：https://iserver.supermap.io/iserver/services/maps/rest/maps/World

    arcgis api 实现图层控制

    本文将深入探讨如何使用ArcGIS API for JavaScript实现地图的图层控制功能，帮助开发者更好地理解和掌握这一核心技术。 ArcGIS API for JavaScript是Esri公司提供的一款强大的JavaScript库，用于构建具有高级地图...

    js控制显隐

    js控制显隐，主要是菜单项的控制，包括自动弹出，自动隐藏，代码只是一部分

    图片轮播展示——使用图片显隐控制.htm

    图片轮播展示——使用图片显隐控制.htm

    javascript经典特效---图片显隐效果.rar

    DOM是HTML或XML文档的结构化表示，JavaScript可以借助DOM来改变网页内容。要控制图片的显示和隐藏，我们需要获取到图片元素，并对其`style.display`属性进行操作。 1. 获取图片元素： 使用`document....

    javascript经典特效---图片显隐变幻.rar

    在本案例中，“javascript经典特效---图片显隐变幻.rar”是一个包含JavaScript代码和相关资源的压缩包，其核心功能是实现图片的显示与隐藏效果，这种效果常用于网站上的轮播图、幻灯片展示等。 图片显隐变幻的实现...

    wpf中MVVM模式下窗体跳转及显隐控制实现

    本文将详细探讨在MVVM模式下如何实现窗体间的跳转、窗体的拖动以及窗口的显隐控制。 1. MVVM模式简介 MVVM模式的核心思想是解耦视图和业务逻辑，通过数据绑定将View与ViewModel连接，ViewModel再与Model交互。这样...

    javascript图片动态显隐

    "javascript图片动态显隐"这个主题，就是关于如何使用JavaScript来控制图片或其他HTML元素在页面上根据特定条件显示或隐藏。下面我们将深入探讨这个知识点。 首先，我们需要了解HTML中的元素是通过CSS来控制其可见...

    滑动触摸控制多个div显隐

    在网页设计和开发中，"滑动触摸控制多个div显隐"是一个常见且实用的技术，主要应用于移动设备或响应式设计。这个技术的核心是利用JavaScript（通常与jQuery库结合使用）来监听用户的触摸事件，根据用户的滑动操作来...

    菜单显隐切换终极版

    在IT行业中，菜单显隐切换是一项常见的交互设计功能，它使得用户可以轻松地隐藏或显示菜单，提升用户体验。本文将详细解析"菜单显隐切换终极版"所涉及的知识点，并结合实际项目应用进行深入探讨。 首先，我们来看...

    js 特效 html 特效 跟随鼠标的显隐图片

    js 特效 html 特效 跟随鼠标的显隐图片 js 特效 html 特效 跟随鼠标的显隐图片

    很好用的JS左侧导航菜单，滑过显示，移开隐藏

    在本例中，JS 用来监听鼠标的移动事件，控制导航菜单的显示和隐藏。 2. **HTML结构**：在`index.html`文件中，会定义一个左侧导航菜单的基本HTML结构，可能包含`&lt;nav&gt;`、`&lt;ul&gt;`、`&lt;li&gt;`等元素。每个`&lt;li&gt;`元素代表...

    PictureBox和Button重叠，鼠标滑过图片控件控制按钮的显隐，按钮可响应事件

    4. 控制按钮的显隐：使用Show()和Hide()方法可以控制Button的可见性。在MouseEnter事件处理程序中调用Button的Show()方法使其可见，而在MouseLeave事件处理程序中调用Hide()方法使其不可见。这样，用户在图片上滑动...

    联想隐藏盘显隐工具

    这有助于用户检查和访问隐藏分区中的内容，比如恢复文件。 2. **隐藏分区**：相反，如果用户希望保护隐藏分区内的数据不被非授权访问，或者防止在日常使用中不小心改动这些关键文件，可以使用此工具将隐藏分区再次...

    显隐随心.msi

    快速切换窗口的显示与隐藏，拒绝他人的偷窥！支持XP、Win7、Win10。可自由定义鼠标、键盘操作窗口的显示与隐藏。

    js 特效 html 特效 鼠标右键显隐效果

    js 特效 html 特效 鼠标右键显隐效果 js 特效 html 特效 鼠标右键显隐效果

    OpenLayers图层组控制

    iClient for OpenLayers控制图层组显隐方式的实现步骤。 下载后直接运行目录下：example\示例\图层组控制.html(需要修改里面的服务地址url为自己发布的服务信息)

    易语言源码非API显隐鼠标光标易语言例程.rar

    易语言源码非API显隐鼠标光标易语言例程.rar 易语言源码非API显隐鼠标光标易语言例程.rar 易语言源码非API显隐鼠标光标易语言例程.rar 易语言源码非API显隐鼠标光标易语言例程.rar 易语言源码非API显隐鼠标光标...

Magicbox
Global site tag (gtag.js) - Google Analytics