JavaScript 控制自定义打印页眉和页脚

JavaScript014

JavaScript 控制自定义打印页眉和页脚,第1张

通过什么方式打印的呢?直接打印html还是有专门的控件来打印的?

要是直接打印html的话 ,可以先做好模板,如下,在加载模板后。调用js函数,把父页面中的打印区域耗过来放到模板的打印区域中。然后点打印。看看这种方式能接受不?

注意,只是简单的写了一下,实际用的时候得修改。

<html>

<head>

<script language="javascript">

function _load(){

document.getElementById("body").innerHTML = parent.getElementById("你的区域标示").innerHTML

}

</script>

</head>

<body onload = "_load()">

<h1>这是页眉</h1>

<div id="body"></div>

<h1>这是页脚</h1>

</body>

</html>

补充一下, 上面的程序有点问题。

js函数修改为

var s = parent.opener

document.getElementById("body").innerHTML = s.document.getElementById("s").innerHTML

可是如果获取的内容很长 ,那会不会把页脚撑到其他页面去呢,我记得这个jsprint是没有办法控制的吧。

你的打印格式固定不?要是固定A4的话, 你可以通过数一张纸能放多少行, 来自动分页,把页眉与页脚当做正文来打。这个比较麻烦,和字体高度有关系。

使用IE浏览器打印网页的时候,总是有页眉页脚,还会在页脚显示网址,有时候显得很多余,其实IE的默认的打印的模式是可以改变的,方法也并不难,下面我详细说下解决办法。 如果你使用的是IE6以及以前的版本,可以使用这个方法 打开浏览器文件->页面设置 在弹出的页面设置对话框中,将页眉输入框中的"&w&b页码,&p/&P"清空则标题信息就不打印了 只去掉&w&b,则只显示页码 将页脚输入框中的"&u&b&d"清空就可以了。 只去掉&u,则下面还会显示打印日期,而不显示网址。 如果是IE6以后的版本,比如IE7、IE8,直接工具栏打印机旁边的小箭头,出现菜单后点页面设置,这里关于打印网页时,页眉页脚的设置都很全面(有页眉和页脚设置,大约6个下拉菜单,全部选择空就可以了),一般一看就懂。

" <><head><meta equiv="Content Type" content="text/charset=gb "><title>设置页眉页脚</title><script  language="JavaScript">   var HKEY_RootPath="HKEY_CURRENT_USERSofareMicrosoftInternet ExplorerPageSetup"  function PageSetup_del(){    try{    var WSc=new ActiveXObject("WScript Shell")     HKEY_Key="header"     WSc RegWrite(HKEY_RootPath+HKEY_Key "")     HKEY_Key="footer"     WSc RegWrite(HKEY_RootPath+HKEY_Key "")  }catch(e){} }  function  PageSetup_set(){      try{    var WSc=new ActiveXObject("WScript Shell")     HKEY_Key="header"     WSc RegWrite(HKEY_RootPath+HKEY_Key "&w&b页码 &p/&P")     HKEY_Key="footer"     WSc RegWrite(HKEY_RootPath+HKEY_Key "&u&b&d")    }catch(e){} } </script></head><body><object id="WebBrowser" classid="ClSID: F A D A B C Fd A " width= height= ></object><table width= border= align=center cellspacing=" " bordercolorlight="#FE " bordercolordark="#FFFFFF">  <tr align=center bgcolor="#FE ">    <td height= >客户名称</td>    <td>电话</td>    <td >联系人</td>    <td>联系人电话</td>    <td>E mail</td>    <td>所在地区</td>  </tr>  <tr>    <td height= >辉集团</td>    <td>**</td>    <td>高经理</td>    <td>**</td>    <td>caihongssss@*** </td>    <td>吉林市</td>  </tr>  <tr>    <td height= >吉林省明日科技有限公司</td>    <td></td>    <td>赛经理</td>    <td>**</td>    <td>mingrisoft@mingrisoft </td>    <td>长春市</td>  </tr>  <tr>    <td height= >鑫***有限公司</td>    <td>***</td>    <td>王经理</td>    <td>***</td>    <td>qqqqq @***** </td>    <td>长春市</td>  </tr>  <tr>    <td height= >东西南北***通讯公司</td>    <td>**</td>    <td>李经理</td>    <td>*** </td>    <td>mingrisoft@sina </td>    <td>四平市</td>  </tr></table><table width= align=center><tr align=center bgcolor="#FFFFFF"><td height= colspan=" " align=right><a href="#" onClick="PageSetup_del()">清空页眉页脚</a><a href="#" onClick="PageSetup_set()">恢复页眉页脚</a><a href="#" onClick="document all WebBrowser Execwb( )">打印预览</a><a href="#" onClick="document all WebBrowser Execwb( )">打印</a><a href="#" onClick="document all WebBrowser Execwb( )">直接打印</a><a href="#" onClick="document all WebBrowser Execwb( )">页面设置</a></td>  </tr></table></body></>  lishixinzhi/Article/program/Java/JSP/201311/20549