js拼接字符串练习（一）

最新推荐文章于 2024-04-28 00:00:00 发布

学不会编程的程序猿

最新推荐文章于 2024-04-28 00:00:00 发布

阅读量1k

点赞数

文章标签： js 拼接字符串

本文链接：https://blog.csdn.net/zzw811131619/article/details/82761210

版权

动态生成表格，通过用户输入的背景颜色、边框宽度、表格宽度、对齐方式、行高、内容来动态生成表格：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		</table>-->
		<script type="text/javascript">
			var bgColor = prompt('请输入表格背景颜色');
			var border = prompt('请输入表格边框宽度');
			var width = prompt('请输入表格宽度');
			var align = prompt('请输入表格对齐方式');
			var height = prompt('请输入表格行的高度');
			var td1 = prompt('请输入单元格1的内容');
			var td2 = prompt('请输入单元格2的内容');
			
			var table = '<table bgcolor="' + bgColor + '" border="' + border + '" width="' + width + '" align="' + align + '">'
				table += '	<tr height="' + height + '">'
				table += '		<td>' + td1 + '</td>'
				table += '		<td>' + td2 + '</td>'
				table += '	</tr>'
				table += '</table>'
			document.write(table);
		</script>
	</body>
</html>

这里说一个小窍门，动态生成表格的拼接字符串可以先在body中生成你想要的表格，然后将其连同缩进也都一行一行复制过来，这样能看的清晰，每一行的变量用+=相连接。
这里手动输入测试的数据依次是：green、1、500、center、50、111、111。
输出结果：
在这里插入图片描述

学不会编程的程序猿

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js拼接字符串练习（一）

动态生成表格，通过用户输入的背景颜色、边框宽度、表格宽度、对齐方式、行高、内容来动态生成表格：&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&amp
复制链接

扫一扫