Question

我正在尝试打印整页但是它不起作用尝试了不同的代码但没有成功

这里是尝试过的代码。

<html>
<head>
<SCRIPT LANGUAGE="JavaScript"> 
if (window.print) {
document.write('<form><input type=button name=print value="Print"     onClick="window.print()"></form>');
}
</script>

<style type="text/css" media="all">
body{font-size:1em;}
table{font-size:0.9em;}
.price{text-align:right;padding-right:5px;}
.center{text-align:center;}
table tr{height:20px;}
@media print {body, html{width: 100%;}}
#top, #bottom {display: none;}
</style>
</head>
<body style="width:100%;">
            <table width="94%" style="margin-left:2%;">

             <tr>
                    <td width="100%" colspan="3" class="center" style="height:35px;">    <span style="text-transform:uppercase;"><b>ORDER TYPE </b></span></td>
             </tr>
             <tr></table>


</body></html>

请帮帮我。

感谢

Answer 1

你正试图通过javascript渲染你的页面吗？如果是，则以下教程可能有所帮助。

http://www.w3schools.com/js/js_htmldom_html.asp

建议阅读本教程的以下API

document.getElementById（id）.innerHTML = new HTML

希望这有帮助。

Answer 2

这应该适合你：

<html>
<head>
<style type="text/css" media="all">
body{font-size:1em;}
table{font-size:0.9em;}
.price{text-align:right;padding-right:5px;}
.center{text-align:center;}
table tr{height:20px;}
@media print {body, html{width: 100%;}}
#top, #bottom {display: none;}
</style>
</head>
<body style="width:100%;">
<input type=button name=print value="Print"  onClick="window.print()">
            <table style="margin-left:2%;width:94%;">

             <tr>
                    <td width="100%" colspan="3" class="center" style="height:35px;">    <span style="text-transform:uppercase;"><b>ORDER TYPE </b></span></td>
             </tr>
             <tr></table>


</body></html>

注意：始终正确构建html。 width是样式标记的一部分，它不是标记本身。

Javascript打印不起作用 - 不打印整页

2 个答案:

document.getElementById（id）.innerHTML = new HTML