用javascript 控制php生成的一个表格,出现断线,大侠帮忙

Gong_Sir 2004-10-06 12:38:14

表格行数在一页内可以,但是要是很多页,打印的表格会出现断线,很不好看,有什么好的解决方法吗?

看了二个例子:
P {page-break-after: always}

<br page-break-after: always>
不太会使呀

<html>
<head>
<title>print</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style>
.tdp
{
border-bottom: 1 solid #000000;
border-left: 1 solid #000000;
border-right: 0 solid #ffffff;
border-top: 0 solid #ffffff;
}
.tabp
{
border-color: #000000 #000000 #000000 #000000;
border-style: solid;
border-top-width: 2px;
border-right-width: 2px;
border-bottom-width: 1px;
border-left-width: 1px;
}
@media print {.no_print{display: none;}}
</style>
<script language="VBScript">
dim hkey_root,hkey_path,hkey_key
hkey_root="HKEY_CURRENT_USER"
hkey_path="\Software\Microsoft\Internet Explorer\PageSetup"
function pagesetup_null()
on error resume next
Set RegWsh = CreateObject("WScript.Shell")
hkey_key="\header"
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""
hkey_key="\footer"
RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""
end function
</script>
<script language="JavaScript">
function print_report(){
if (confirm('确定打印吗?')) {
  self.print();
  }
}
</script>
</head>

<body leftmargin="0" topmargin="0" onLoad="pagesetup_null()">
<table width="100%" border="0" cellpadding="0">
<tr>
<td> <form name="form1" method="post">
<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
<td width="51%"><div align="right"> </div></td>
</tr>
<tr>
<td colspan="2"> <table border="0" class="tabp" align="center" cellpadding="2" cellspacing="0" bgcolor="#000000">

<?
for($i=0;$i<=120;$i++){
?>
<tr>
<td class="tdp" bgcolor='#FFFFFF'> </td>
<td class="tdp" bgcolor='#FFFFFF'> </td></td>
<td class="tdp" bgcolor='#FFFFFF'> </td>
<td class="tdp" bgcolor='#FFFFFF'> </td>
<td class="tdp" bgcolor='#FFFFFF'> </td>
<td class="tdp" bgcolor='#FFFFFF'> </td>
<td class="tdp" bgcolor='#FFFFFF'> </td>
<td class="tdp" bgcolor='#FFFFFF'> </td>
<td class="tdp" bgcolor='#FFFFFF'> </td>
<td class="tdp" bgcolor='#FFFFFF'> </td>
<td class="tdp" bgcolor='#FFFFFF'> </td>
<td class="tdp" bgcolor='#FFFFFF'> </td>
<td class="tdp" bgcolor='#FFFFFF'> </td>
<td class="tdp" bgcolor='#FFFFFF'> </td>
</tr>
<?
}
?>

</table></td>
</tr>
<tr>
<td colspan="2"> </td>
</tr>
</table>
</form></td>
</tr>
<tr>
<td height="19"><center><input type=button name="printsub" value=" 打印 " onclick="print_report();" class="no_print">
</center>

</td>
</tr>
</table>

</body>
</html>

...全文
79 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
张海霖 2004-10-06
  • 打赏
  • 举报
回复
有可能与打印机有关
源码地址: https://pan.quark.cn/s/da2f2b616164 在现代网页设计领域中,JavaScript被普遍应用于达成动态的交互特性。 本文呈现了一段JavaScript代码范例,其功能在于依据用户输入的行数与列数,自动生成HTML表格。 此功能的达成不仅提升了网页的用户互动性,还可以适用于多种情境,例如动态呈现数据、构建个性化报告框架等。 知识点一:HTML中表格的构建方式在前面提及的代码中,表格的构造是通过HTML标记来设定的,主要涉及了``、``以及`
`三个标记。 ``标记用于生成一个表格;``标记确立了表格中的行;`
`标记定义了行内的单元格。 借助这三个标记的层叠运用,能够构建出具有多行多列的复杂表格构造。 知识点二:JavaScript对DOM(文档对象模型)的操作JavaScript借助对DOM的操作来动态地生成和调整网页内容。 在范例代码里,`document.createElement("table")`用来创立一个新的表格元素,`table.setAttribute("border","1")`则用于设定表格的边框属性值为1。 通过`document.getElementById("id").value`获取用户输入的数据,接着通过循环来创立表格的行与列,并将这些行与列追加到表格中。 最后,运用`document.getElementById("d1").appendChild(table)`将制作完成的表格加入到页面预定的位置。 知识点三:事件响应机制在范例代码中,一个按钮元素` 这是一个动态生成表格的 HTML 页面,使用了 JavaScript 动态生成表格内容。这个表格显示了一组学生的成绩信息,包括姓名、科目和得分,并提供了删除操作。 在页面中,先声明了一个 table 元素,并设置了 id 为 "student-table"。该表格包含了表头和表体,其中表头包含了四列:姓名、科目、成绩和操作。 在 JavaScript 脚本中,首先定义了一个数组 students 存储了几个学生的信息。然后获取了表格元素及其 tbody 元素,通过 for 循环遍历数组中的每个学生,动态创建了表格的每一行和每个单元格,并将学生的信息填充到对应的单元格中。 最后,为每行的删除操作添加了点击事件处理程序。当用户单击删除链接时,通过 this.parentNode.parentNode 找到要删除的行,再通过 tbody 删除该行。

87,994

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

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