html实现语文作业本(可编辑)

最新推荐文章于 2022-10-10 13:21:51 发布

喜欢原味奶茶

最新推荐文章于 2022-10-10 13:21:51 发布

阅读量319

点赞数

分类专栏： JS学习文章标签： javascript html css

本文链接：https://blog.csdn.net/Esc_Tab_End/article/details/113398839

版权

JS学习专栏收录该内容

8 篇文章 0 订阅

订阅专栏

无聊练练js，写个方格作业本。因为网上也没找到有。就自己写了一个js，动态生成网格输入页。只需要定义个div，然后将div的id传入函数即可。

效果图：
在这里插入图片描述

代码：


<!DOCTYPE html>
<html>
<head>
	<title>语文作业本</title>
</head>
<body style="background-color:gray">
<div id="warp" style="background-color:#fff">
</div>
</body>
<script type="text/javascript" src="gridNotebook.js"></script>
<script type="text/javascript">
		window.onload = function(){
			 gridNotebook("warp");
		};
</script>
</html>