请问如何在javascript中设置html打印页面的页边距？

hl8189 2006-07-13 09:41:08

想在html中设置打印页面的页边距，当该页打印完毕后，也边距从新设置会原值。

...全文

1433 6 打赏收藏转发到动态举报

写回复

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

wuxinlangman 2006-08-21

打赏
举报

回复

<object id="factory" style="display:none" viewastext
classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814"
codebase="http://www.meadroid.com/scriptx/ScriptX.cab#Version=5,60,0,360"
></object>
<input type=button value=页面设置 onclick="factory.printing.PageSetup()">
<input type=button value=打印预览 onclick="factory.printing.Preview()">

<script language=javascript>
function window.onload()
{
// -- advanced features
factory.printing.SetMarginMeasure(2) // measure margins in inches
factory.printing.SetPageRange(false, 1, 3) // need pages from 1 to 3
factory.printing.printer = "HP DeskJet 870C"
factory.printing.copies = 2
factory.printing.collate = true
factory.printing.paperSize = "A4"
factory.printing.paperSource = "Manual feed"
// -- basic features
factory.printing.header = "居左显示&b居中显示&b居右显示页码，第&p页/共&P页"
factory.printing.footer = "（自定义页脚）"
factory.printing.portrait = false
//设置边距
factory.printing.leftMargin = 0.75
factory.printing.topMargin = 1.5
factory.printing.rightMargin = 0.75
factory.printing.bottomMargin = 1.5
}
function Print(frame) {
factory.printing.Print(true, frame) // print with prompt
}
</script>
<input type=button value="打印本页" onclick="factory.printing.Print(false)">
<input type=button value="页面设置" onclick="factory.printing.PageSetup()">
<input type=button value="打印预览" onclick="factory.printing.Preview()"><br>
<a href="http://www.meadroid.com/scriptx/docs/printdoc.htm?static" target=_blank>具体使用手册，更多信息，点这里</a>

liudianhalf 2006-07-14

打赏
举报

回复

<style media='print'>即为打印样式,margin设置的是边距

liudianhalf 2006-07-14

打赏
举报

回复

css中，打印样式和显示样式是可以分开的
如以下，显示时table边框是红的，打印时是蓝的,打印时
<HTML>
<HEAD>
<TITLE></TITLE>
<style media='screen'>
table
{
border:1px solid red;
margin:0;
}
td
{
border:1px solid red;
margin:0;
}
</style>
<style media='print'>
table
{
border:1px solid blue;
margin-left:10px;
margin-top:10pt;
margin-right:1cm;
margin-bottom;0;
}
td
{
border:1px solid blue;
margin-left:1px;
margin-top:1pt;
margin-right:0.1cm;
margin-bottom;0;
}
</style>
</HEAD>
<BODY>
<table>
<tr><td>11</td><td>12</td><td>13</td></tr>
<tr><td>21</td><td>22</td><td>23</td></tr>
<tr><td>31</td><td>32</td><td>33</td></tr>
</table>
</BODY>

</HTML>

hl8189 2006-07-14

打赏
举报

回复

继续关注！

hl8189 2006-07-13

打赏
举报

回复

不是要这个，我想在打印文档的时候设置页边距，我现在有个文档只能通过在打印的时候手动设置特殊的页边距才能够打印，我想在程序中设置打印这个文档中的页边距。当打印完了又恢复IE原来的页边距。

铁文 2006-07-13

打赏
举报

回复

css中，打印样式和显示样式是可以分开的
如以下，显示时table边框是红的，打印时是蓝的
<HTML>
<HEAD>
<TITLE></TITLE>
<style media='screen'>
table
{
border:1px solid red;
}
td
{
border:1px solid red;
}
</style>
<style media='print'>
table
{
border:1px solid blue;
}
td
{
border:1px solid blue;
}
</style>
</HEAD>
<BODY>
<table>
<tr><td>11</td><td>12</td><td>13</td></tr>
<tr><td>21</td><td>22</td><td>23</td></tr>
<tr><td>31</td><td>32</td><td>33</td></tr>
</table>
</BODY>

</HTML>

WebPrint是一个全面强大的web... WebPrint内含一个在vc7.0上开发的ActiveX控件（只有75k）, 这个控件主要实现对打印参数的控制，webprint使用户通过JavaScript脚本可以控制自定义纸张尺寸，打印方向，页边距等等属性。

ReYoPrint内含一个在vc7.0上开发的ActiveX控件（73k）, 这个控件主要实现对打印参数的控制，ReYoPrint使用户通过JavaScript脚本可以控制分页，页眉页脚，页边距，打印方向，自定义纸张，直接打印，弹出打印对话框再...

ePrint内含一个在vc7.0上开发的ActiveX控件（180k）, 这个控件主要实现对打印参数的控制，eprint使用户通过JavaScript脚本可以控制自定义纸张尺寸，打印方向，页边距,打印份数,页眉,页脚,web打印分页等等属性 ...

ePrint内含一个在vc7.0上开发的ActiveX控件（180k）, 这个控件主要实现对打印参数的控制，eprint使用户通过JavaScript脚本可以控制自定义纸张尺寸，打印方向，页边距,打印份数,页眉,页脚,web打印分页等等属性 ...

Print 3.0 在网页中加入一个打印目标页面的功能，能够呼出打印设置对话框，而且3.0版本在老版本的浏览器中不会报错。 Random Timeline runs 如果一个HTML文件中包含多个Timelines，那么这个Behavior能够随机播放...

87,907

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章