打印预览的实现_写一个打印预览页面-CSDN博客

本文介绍了一种使用JavaScript和HTML实现网页打印功能的方法。通过定义特定的JavaScript函数，可以将指定的网页内容转换为打印预览格式，并允许用户进行打印操作。此方案移除了不必要的元素，如按钮和链接，以确保打印内容的整洁。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

a.jsp是要打印的页面

<html>

<head>

function fmtPrint(printPlace,w,h){

var sarg=new Array();

var sdata=document.all.item(printPlace);

sarg[0]=sdata.outerHTML;

window.showModalDialog("print.jsp",sarg,"dialogWidth:"+w+"px;dialogHeight:"+h+"px;center:yes;help:no;status:no;resizable:yes");

return;

}

</script>

</head>

<body>

希望打印的内容写在里面

...........

</div>

</body>

</html>

print.jsp是打印预览页面

<html>

<head>

<!--

var dada = dialogArguments;

var da1 = dada[1];

function loaddatas(){

var tagBody;

var pf = document.all.item('printfield');

pf.insertAdjacentHTML('beforeEnd',da1);

var removeRadio = document.all.tags("input");

for(var i=0; i<removeRadio.length; i++){

tagBody = removeRadio[i];

if (tagBody.getAttribute("type") == "radio"||tagBody.getAttribute("type") == "checkbox")

{

tagBody.style.display = 'none';

}

var removeHref = document.all.tags("A");

for(var i=0; i<removeHref.length; i++){

tagBody = removeHref[i];

if (tagBody.getAttribute("href") != null)

{

tagBody.setAttribute("href","javascript:void(0)");

}

var removeImg = document.all.tags("img");

for(var i=0; i<removeImg.length; i++){

tagBody = removeImg[i];

if ( tagBody.name != 'printButton' )

{

tagBody.style.display = 'none';

}

return;

}

function startprint(){

document.all.item("startbutt").style.display='none';

window.print();

window.close();

return;

}

//-->

</script>

</head>

<tr>

</tr>

</table>

<tr>

</td>

</tr>

</table>

</body>

</html>