Question

单击按钮时，控件将转到Javascript函数print()并打印表格。但是，它在表格打印之前显示了近20个换行符，我想阻止它。

<!DOCTYPE html>
<html>
<head>
	<script type="text/javascript">
	var print=function()
	{
		document.write("<table border=5px>");
		for(var i=1;i<1001;i++)
		{
			document.write("<tr>"+"<td>"+i+"</td>"+"</tr>"+"</br>");
		}
		document.write("</table>");
	}
	</script>
</head>
<body style="white-space: nowrap">
	<input type="button" value="click here" onclick="print();" />
</body>
</html>

Answer 1

删除结束＆lt; br＆gt;你的字符串中的标记：

var print=function()
{
    document.write("<table border=5px>");
    for(var i=1;i<1001;i++)
    {
        document.write("<tr>"+"<td>"+i+"</td>"+"</tr>"); // </br> removed here
    }
    document.write("</table>");
}

Answer 2

这种情况正在发生，因为你的for循环中有一个<br>标记。如果您希望在单击生成它们的按钮时在每个表之间使用换行符，则需要将换行符标记添加到结束表的末尾。（或使用CSS创建填充/边距）

var print=function() { 
document.write("<table border=5px>"); 
for(var i=1;i<1001;i++) { 
document.write("<tr>"+"<td>"+i+"</td>"+"</tr>");  } 
document.write("</table> <br>"); }

否则只需完全删除它。

var print=function() { 
document.write("<table border=5px>"); 
for(var i=1;i<1001;i++) { 
document.write("<tr>"+"<td>"+i+"</td>"+"</tr>");  } 
document.write("</table>"); }

如何在打印表格之前防止不必要的换行符

2 个答案: