JavaScript简单的读取JSON并生成表格

最新推荐文章于 2024-09-19 17:31:29 发布

救救我的黑眼圈

最新推荐文章于 2024-09-19 17:31:29 发布

阅读量1.4w

点赞数 2

分类专栏： JavaScript

本文链接：https://blog.csdn.net/AS_Tammy/article/details/80934706

版权

无聊时写的一个小东西，写的很菜。通过读取JSON，并把其生成表格。

其实也就几个步骤：

（一）解析文件，把文件转换为JavaScript对象；

（二）读取JSON里键和值的长度创建表格；

（三）把JSON的键和值填进表格；

（四）点击对应信息时生成名片。

下面是代码：

HTML代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>读取JSON文件内容生成表格</title>
</head>

<style>
    body {
        text-align: center;
        left: 50%;
    }

    #container {
       
        margin: 0 auto;
        width: 800px;
        height: 500px;
        border: 1px solid black;
    }
</style>
<body>
    &