我已经创建了一个提示。提示的所有结构均使用HTML
。使用json填充提示内容
我想从json
文件中填写html
中的所有内容。
标题,内容和页脚数据将从json
文件中获取。
在代码中,我直接在页眉,中间体和页脚中添加了内容...我想从json
文件中提取内容。
代码:
<html>
<head>
<title>Test</title>
<style>
.container{width:500px; height:100%;border:1px solid grey;margin:20px;position:relative;}
.header{background-color:#00CDCD;height:50px;border:1px solid white;}
h1{margin-top:0;color:#ffffff;margin:5px 12px;}
.footer{background-color: #cecece; bottom: 0; height: 50px; left: 0; position: absolute; width: 100%;text-align:center;}
button{margin-top:12px;}
.content{height:auto;position:absolute;overflow:auto;margin:10px;}
</style>
<script></script>
</head>
<body>
<div class="container">
<div class="header">
<h1>Header</h1>
</div>
<div class="content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</div>
<div class="footer">
<button>Button 1</button>
<button>Button 2</button>
<button>button 3</button>
</div>
</div>
</body>
</html>
另外提示的高度拉伸长。任何帮助?
工作什么你试过这么远吗? –
对不起,但我不是json的家庭成员,也没有使用它...所以无法开始工作。我找不到在json文件中创建对象的方法 – LearnerS
如何在json文件中创建对象 – LearnerS