1.效果图
2.使用技术
LODOP打印控件打印html代码，可分页，可加背景图（水印），需要安装lodop打印控件，可到官方网站下载
3.实现代码
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>LODOP</title>
<script language="javascript" src="E:lodop4.0CheckActivX.js"></script>
</head>
<body>
<script language="javascript">CheckLodop();</script>
<object id="LODOP" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0> </object>
<div id="promise">
<p class="p0">
<span lang="EN-US" style="font-family: 仿宋_GB2312; font-size: 16px">
<o:p> </o:p>
</span>
</p>
<p class="p0">
<span lang="EN-US" style="font-family: 仿宋_GB2312; font-size: 16px">
<o:p> </o:p>
</span>
</p>
<p align="center" class="p0" style="text-align: center">
<span style="font-family: 宋体; font-size: 28px; mso-ascii-font-family: 方正小标宋简体; mso-hansi-font-family: 方正小标宋简体">合同书</span><span lang="EN-US" style="font-family: 方正小标宋简体; font-size: 28px">
<o:p></o:p>
</span>
</p>
<p class="p0">
<b>
<span lang="EN-US" style="font-size: 16px">
<span style="mso-spacerun: yes"> </span>
<o:p></o:p>
</span>
</b>
</p>
<p class="p0" style="text-indent: 24pt">
<span style="font-family: 宋体; font-size: 16px; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">杭州市管理局：</span>
<span lang="EN-US" style="font-size: 16px">
<o:p></o:p>
</span>
</p>
<p class="p0" style="text-indent: 24pt">
<span style="font-family: 宋体; font-size: 16px; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">根据贵局网上签订的《杭州市房屋转让合同》的相关规定,现就坐落于</span>
<span lang="EN-US" style="font-size: 16px">
<span style="mso-spacerun: yes">
<span lang="EN-US" style="font-size: 16px">
<input type="text" name="lname" id="K_TOTAL_PAGE" style="height:30px;line-height:30px;100px" />
</span>
</span>
<span style="font-family: 宋体; font-size: 16px; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">的房产交易事项,特承诺如下:</span>
<span lang="EN-US" style="font-size: 16px">
<o:p></o:p>
</span>
</p>
<p class="p0" style="text-indent: 24pt">
<span style="font-family: 宋体; font-size: 16px; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">
1、我们买卖双方已按各自用户名和密码确认网上上记载的内容,，同意提交此合同办理交易手续,如因用户名和密码泄露造成损失或违背以上承诺引起纠纷的,责任自负。(提示: 买卖双方请务必在打印后24小时之内签字确认打印出来的,同时提交网上合同,如超过24小时未提交的,系统将不再保留网上合同信息。）
</p>
<!-- <img src="~/Images/sys.png" style="position:absolute;left:25%;" class="lodop_img"> -->
<p class="p0" style="text-indent: 24pt">
<span lang="EN-US" style="font-size: 16px"></span><span style="font-family: 仿宋_GB2312; font-size: 16px">2、我们买卖双方同意网上合同提交后,</span>
<span lang="EN-US" style="font-size: 16px">
<span style="mso-spacerun: yes">
<span lang="EN-US" style="font-size: 16px">
<input type="text" name="lname" id="K_TOTAL_PAGE" style="height:30px;line-height:30px;100px" />
</span>
</span>
<span style="font-family: 宋体; font-size: 16px; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">付款方式为一次性付款的在15日内办理交易过户手续;</span>
<span lang="EN-US" style="font-size: 16px">
<span style="mso-spacerun: yes">
<span lang="EN-US" style="font-size: 16px">
<input type="text" name="lname" id="K_TOTAL_PAGE" style="height:30px;line-height:30px;100px" />
</span>
</span>
<span style="font-family: 宋体; font-size: 16px; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">付款方式为商业贷款的在1个月内办理交易过户手续;</span>
<span lang="EN-US" style="font-size: 16px">
<span style="mso-spacerun: yes">
<span lang="EN-US" style="font-size: 16px">
<input type="text" name="lname" id="K_TOTAL_PAGE" style="height:30px;line-height:30px;100px" />
</span>
</span>
<span style="font-family: 宋体; font-size: 16px; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">
付款方式为组合贷款或公积金贷款或分期付款的在2个月内办理交易过户手续, 未按以上规定时间提交,同意该套房产的网上合同自动撤销。
</span>
<p class="p0" style="text-indent: 24pt">
<span style="font-family: 宋体; font-size: 16px; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">3、我公司根据以上买卖双方签字(盖章)的纸质,代理提交办理房产交易手续的合同信息,如有违背以上承诺,愿意承担相应的责任,立即停止违法行为,并根据第二十条和第二十二条的相关规定处理。</span>
<span lang="EN-US" style="font-size: 16px">
<o:p></o:p>
</span>
</p>
<p class="p0" style="text-indent: 24pt">
<span style="font-family: 宋体; font-size: 16px; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">4、我们买卖双方和房地产中介代理机构已充分理解以上条款内容。</span>
<span lang="EN-US" style="font-size: 16px">
<o:p></o:p>
</span>
</p>
<p class="p0" style="text-indent: 24pt">
<span style="font-family: 宋体; font-size: 16px; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'">承诺人: 卖方（代理人）</span>
<span lang="EN-US" style="font-size: 16px">
<span style="mso-spacerun: yes">
<span lang="EN-US" style="font-size: 16px">
<input type="text" name="lname" id="K_TOTAL_PAGE" style="height:30px;line-height:30px;100px" />
</span>
</span>
<p class="p0" style="text-indent: 24pt">
<span style="font-family: 宋体; font-size: 16px; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'"> 买方（代理人）</span>
<span lang="EN-US" style="font-size: 16px">
<span style="mso-spacerun: yes">
<span lang="EN-US" style="font-size: 16px">
<input type="text" name="lname" id="K_TOTAL_PAGE" style="height:30px;line-height:30px;100px" />
</span>
</span>
<span lang="EN-US" style="font-size: 16px">
<o:p></o:p>
</span>
<p class="p0" style="text-indent: 24pt">
<span style="font-family: 宋体; font-size: 16px; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'"> 房地产中介代理机构（盖章）</span>
<span lang="EN-US" style="font-size: 16px">
<span style="mso-spacerun: yes">
<span lang="EN-US" style="font-size: 16px">
<input type="text" name="lname" id="K_TOTAL_PAGE" style="height:30px;line-height:30px;100px" />
</span>
</span>
<span lang="EN-US" style="font-size: 16px">
<o:p></o:p>
</span>
<p class="p0" style="text-indent: 24pt">
<span style="font-family: 宋体; font-size: 16px; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman'"> 执业房地产经纪人</span>
<span lang="EN-US" style="font-size: 16px">
<span style="mso-spacerun: yes">
<span lang="EN-US" style="font-size: 16px">
<input type="text" name="lname" id="K_TOTAL_PAGE" style="height:30px;line-height:30px;100px" />
</span>
</span>
<span lang="EN-US" style="font-size: 16px">
<o:p></o:p>
</span>
<p class="p0">
<span lang="EN-US" style="font-family: 仿宋_GB2312; font-size: 16px">
<o:p> </o:p>
</span>
</p>
</div>
<p><input type="button" value="打印预览" onClick="lodop_preview()"><br><br><br><input type="button" value="选择打印机" onClick="lodop_print()"></p>
<script language="javascript" type="text/javascript">
function lodop_preview() {
common();
LODOP.PREVIEW();
};
function lodop_print() {
common();
LODOP.PRINTA();
};
function common() {
exsit_lodop();
LODOP.ADD_PRINT_HTM(10, 80, 630, 900, document.getElementById("promise").innerHTML);
};
function exsit_lodop() {
var strVersion = LODOP.VERSION;
if (strVersion == null) {
alert("您还未安装打印控件，请先安装！");
}
}
</script>
<p>
</p>
</body>
</html>