用js打印一个三行四列的表格

JavaScript015

用js打印一个三行四列的表格,第1张

<html>

<head>

<script language="javascript">

function getTable(row,col,color,border){

var str = ""

str += "<table bordercolor="+color+" border="+border+">"

for(var i=0i<rowi++){

str += "<tr>"

for(var j=0j<colj++){

str += "<td>"

str += i+1+"*"+(j+1)

str += "</td>"

}

str += "</tr>"

}

str += "</table>"

document.getElementById("test").innerHTML = str

}

</script>

</head>

<body onload = "getTable('3','4','yellow','2px')">

<div id = "test"></div>

</body>

</html>

在<head>中加：

<object id=factory style="display:none"

classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" codebase="smsx.cab#Version=6,3,434,26"></object>

<meta name=ProgId content=Excel.Sheet><meta name=Generator content="Microsoft Excel 11">

<style media="print" type="text/css">

.Noprint

{

display: none

}

</style>

在<body>中加：

<input name="print" id="print" type="button" class="Noprint" value="打印" onClick="window.print()">

<input name="print" id="print" type="button" class="Noprint" value="打印预览" onClick="factory.printing.Preview()">

这个会打印出整个jsp页面，不想打印的就设置class="Noprint"。哈，希望有帮助

最近做了个运用浏览器打印合同的功能，之前没做过，记录一下其中遇到的问题，打印页面建议使用新开窗口 原型图如下： 页面内容不多说，表格直接用table绘制，在页面顶部加一个悬浮的打印按钮。点击打印按钮调用打印机(ctrl+p) 实现的打印预览效果如下图： 谷歌浏览器可在打印预览-更多设置-选项中去除页眉和页脚的勾选 打印的页面不可出现横向滚动条，否则会出现打印出来的内容显示不全的问题。