手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >js实现页面打印功能实例代码(附去页眉页脚功能代码)
js实现页面打印功能实例代码(附去页眉页脚功能代码)
摘要:复制代码代码如下:@mediaprint{.print{display:block;}.notPrint{display:none;}}fu...

复制代码 代码如下:

<html>

<head></head>

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

@media print{

.print {display:block;}

.notPrint {display:none;}

}

</style>

<script language="javascript">

function preview()

{

bdhtml=window.document.body.innerHTML;

sprnstr="<>";

eprnstr="<>";

prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));

window.document.body.innerHTML=prnhtml;

window.print();

}

</script>

<body>

<form id="WebForm1" method="post" >

<center>本部分以上不被打印</center>

<>

<div align="center">

<asp:DataGrid id="dgShow" runat="server">

<>

</asp:DataGrid>

<table>

<tr><td>打印打印打印打印打印打印打印打印</td></tr>

</table>

</div>

<>

<center>本部分以下不被打印</center>

<div align="center">

<input type="button" name="print" value="预览并打印">

</div>

<style> @media Print { .Noprn { DISPLAY: none }}

</style>

<p>不打印</p>

<table id="datagrid">

<tr>

<td>打印</td>

</tr>

</table>

<input type="button" value="print">

</form>

</body>

</html>

-------------

使用JS打印,

看代码

复制代码 代码如下:

<script language="javascript">

function preview()

{

bdhtml=window.document.body.innerHTML;

sprnstr="<>";

eprnstr="<>";

prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));

window.document.body.innerHTML=prnhtml;

window.print();

}

</script>

这段代码,他是打印

<>和<>

这个标记之间的网页内容。

所以网页中要包含这个2个标签才行···

下面是去除页脚页眉的js代码

复制代码 代码如下:

<script>

var HKEY_Root,HKEY_Path,HKEY_Key;

HKEY_Root="HKEY_CURRENT_USER";

HKEY_Path="SoftwareMicrosoftInternet ExplorerPageSetup";

//设置网页打印的页眉页脚为空

function PageSetup_Null()

{

try

{

var Wsh=new ActiveXObject("WScript.Shell");

HKEY_Key="header";

Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");

HKEY_Key="footer";

Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");

}

catch(e)

{}

}

//设置网页打印的页眉页脚为默认值

function PageSetup_Default()

{

try

{

var Wsh=new ActiveXObject("WScript.Shell");

HKEY_Key="header";

Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&w&b页码,&p/&P");

HKEY_Key="footer";

Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&u&b&d");

}

catch(e)

{}

}

PageSetup_Default();

</script>

注意有可能执行时,会出现没有效果的错误,这时原因是可能你的浏览器限制了active对象的创建,只要取消限制就好了,取消方法如下:

打开你的ie浏览器internet选项—— 安全—— 自定义级别—— 把对没有标记为安全的activex控件进行初始化和脚本运行 设置为启用

更多功能请参考查字典教程网现在用的代码。

http://img.jb51.net/inc/content.js

【js实现页面打印功能实例代码(附去页眉页脚功能代码)】相关文章:

jquery实现用户打分评分特效

javascript实现youku的视频代码自适应宽度

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

javascript实现十秒钟后注册按钮可点击的方法

js实现简单锁屏功能实例

js实现简单div拖拽功能实例

jQuery实现div随意拖动的实例代码(通用代码)

nodejs实现遍历文件夹并统计文件大小

新页面打开实际尺寸的图片

js实现异步循环实现代码

精品推荐
分类导航