Using the code
On the click of a button I have called JavaScript printDiv which will print the first DIV content.
Please refer to the below code:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<script language="javascript" type="text/javascript">
function printDiv(divID) {
//Get the HTML of div
var divElements = document.getElementById(divID).innerHTML;
//Get the HTML of whole page
var oldPage = document.body.innerHTML;
//Reset the page's HTML with div's HTML only
document.body.innerHTML =
"<html><head><title></title></head><body>" +
divElements + "</body>";
//Print Page
window.print();
//Restore orignal HTML
document.body.innerHTML = oldPage;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="printablediv" style="width: 100%; background-color: Blue; height: 200px">
Print me I am in 1st Div
</div>
<div id="donotprintdiv" style="width: 100%; background-color: Gray; height: 200px">
I am not going to print
</div>
<input type="button" value="Print 1st Div" onclick="javascript:printDiv('printablediv')" />
</form>
</body>
</html>
相关推荐
例如，在本例中，`id`为`div_print`的`div`包含了我们要打印的文本： ```html <div id="div_print"> <h1 style="Color:Red">The Div content which you want to print </div> ``` 2. **定义JavaScript函数**...
`js 打印DIV内容 print div 兼容IE FF Google等主流浏览器 -打印指定区域内容.url`这个链接提供了处理兼容性的方法，它可能包含了一种通用的解决方案，可以确保在多种浏览器中都能正确地打印指定的DOM元素。...
文件名为"print_div"的示例可能包含一个用于演示如何利用JavaScript和lodop进行条形码或二维码打印的网页。在这个网页中，可能有一个div元素（如id为'printArea'），里面嵌入了生成的条形码或二维码图像，并通过调用...
在本文中，我们将探讨如何利用 `window.print()` 结合其他技术来实现打印指定div或指定网页区域。 **方法一：指定不打印区域** 这种方法是通过CSS来实现的。创建一个 `.noprint` 的CSS类，并将不想打印的内容放入...
newWin.document.write('<html><body onload="window.print()"><div>' + divToPrint.innerHTML + '</div></body></html>'); newWin.document.close(); setTimeout(function () { newWin.close(); }, 1000); } ```...
jquery打印插件 jQuery.print.js jquery.PrintArea.js $("#print_div").print(); $("#print_div").printArea(); 局部打印需要把样式写在print_div里
在这个例子中，当用户点击ID为`printButton`的按钮时，会触发`.print()`方法，打印ID为`printArea`的div元素中的内容。 jQueryPrint.js支持多种配置选项，以满足不同场景的需求。例如，你可以通过传递一个配置对象...
### Python 3 使用 BeautifulSoup 抓取 Div 标签方法详解 在进行网页数据抓取时，经常需要用到Python的BeautifulSoup库来解析HTML文档，并从中提取有用的信息。在本篇文章中，我们将详细介绍如何使用Python 3结合...
总结起来，实现ASP.NET中打印指定div内容并清除页眉页脚的功能，主要是通过JavaScript操作DOM，创建隐藏iframe，将div内容复制到iframe，设置适当的CSS以隐藏默认的打印页眉和页脚，然后调用`window.print()`方法...
<div id="qrcode"></div> ``` ```javascript <script src="https://cdn.jsdelivr.net/npm/qrcode-generator@1.4.4/qrcode.js"></script> var typeNumber = 4; var errorCorrectionLevel = 'L'; var qr = qrcode...
5. **打印样式文件**：`print.css` —— 优化打印输出效果。 6. **主题样式文件**：`themes.css` —— 提供不同的视觉风格。 #### 总结 以上就是关于DIV+CSS规范命名的一些基本知识和实践经验。合理且一致的命名...
python的xpath没有获取div标签内html内容的功能，也就是获取div或a标签中的innerhtml，写了个小程序实现一下： 源代码 [webadmin@centos7 csdnd4q] #162> vim /mywork/python/csdnd4q/z040.py #去掉最外层标签，...
jQuery.print插件提供了一种简单易用的方式来实现这一需求，尤其对于处理表格数据非常方便。下面我们将深入探讨jQuery.print插件的使用方法以及相关的HTML、CSS和JavaScript知识。 首先，jQuery.print是基于流行的...
函数首先获取了这个div的innerHTML，然后暂时替换整个页面的内容为这个div的内容，接着调用`window.print()`。打印完成后，函数会将页面内容恢复到原始状态，确保打印后页面的完整性。 为了方便用户触发打印，可以...
// this.$print(this.$refs.print, {'no-print': '.do-not-print-div'}) } } ``` 在CSS中，对于需要在打印预览中显示的样式，应该写在`@media print`选择器内。对于不需要打印的元素，有两种控制方法： 1. 给不...
- **打印样式表（Print.css）**：用于优化打印效果的样式。 - **主题样式表（Themes.css）**：包含不同主题风格的样式。 通过以上详尽的命名规则介绍，我们可以看出合理的命名不仅有助于代码的可读性和维护性，还...
- `<div class="tideTable">`：匹配以`<div class="tideTable">`开头的字符串。 - `.*?`：匹配任何字符（除了换行符），非贪婪模式，尽可能少地匹配。 - `(.*?)`：捕获组，捕获div元素内的所有内容。 - `</div>`：...
1. **CSS媒体查询**：通过`@media print`和`@media screen`选择器，我们可以分别为打印和屏幕展示定义不同的样式规则。 2. **类名的应用**：通过为不希望被打印的元素添加一个特殊的类名（如`.notprint`），然后在...