js里面的内容如何放入html里建立的表格里面
<!DOCTYPEhtml><html><head><metacharset="utf-8"><metaname="viewport"content="width=dev...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>pos机web版</title>
<link rel="stylesheet" href="../layui-v1.0.9_rls/layui/css/layui.css">
<link rel="stylesheet" href="../css/shopping_list.css">
<link rel="stylesheet" href="../css/pos.css">
<script type="text/javascript" src="../js/form.js">
</script>
</head>
<body>
<ul class="layui-nav">
<li class="layui-nav-item"><a href="">Let's Go</a></li>
<li class="layui-nav-item"><a href="">主页</a></li>
<li class="layui-nav-item layui-this"><a href="">商品列表</a></li>
<li class="cart layui-nav-item"><a href="#购物车(0)"><img src="/pos/picture.img/0007019840702192_b.jpg">购物车(0)</a></li>
</ul>
<div class="layui-shopping_list">商品列表</div>
<div class="layui-info">
<table class="layui-table">
<script type="text/javascript" src="../js/form.js">
document.write(lis[0])
</script>
<colgroup>
<col width="165">
<col width="180">
<col width="180">
<col width="110">
</colgroup>
<tr class="layui-list">
<td>分类</td>
<td>名称</td>
<td>单价(元)</td>
<td>单位</td>
<td></td>
</tr>
<tr>
<td>{{dd}}</td>
<td></td>
<td></td>
<td></td>
<td> <a href=""class="layui-btn layui-btn-small layui-btn-radius layui-btn-normal">加入购物车</a></td>
</tr>
<tr>
<td>饮料</td>
<td>雪碧</td>
<td>3</td>
<td>瓶</td>
<td> <a href=""class="layui-btn layui-btn-small layui-btn-radius layui-btn-normal">加入购物车</a></td>
</tr>
</table>
</div>
</body>
</html>
现在的情况是我在html里面建立表格,自己手动加入了信息,我现在想把表格里面的内容放到js文件里面,然后在html里面进入js文件的内容,(也就是表格里需要的内容,例如名称,单价,数量什么的),引js文件很简单,但是js里面的内容怎么引过来,还有js里面怎么写表格里需要的东西我不太会,需要js模板吗,我不太清楚,求大神给帮忙
js里面的内容会写了,如何引用到html里面是我现在的问题?
function cart() {
return[
{
type:'分类',
name:'名称',
pirce:'单价(元)',
unit:'单位',
count:0
},
{
type:'饮料',
name:'雪碧',
pirce:'3',
unit:'瓶',
},
{
type:'水果',
name:'苹果',
pirce:'5.5',
unit:'斤',
count:0
} 展开
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>pos机web版</title>
<link rel="stylesheet" href="../layui-v1.0.9_rls/layui/css/layui.css">
<link rel="stylesheet" href="../css/shopping_list.css">
<link rel="stylesheet" href="../css/pos.css">
<script type="text/javascript" src="../js/form.js">
</script>
</head>
<body>
<ul class="layui-nav">
<li class="layui-nav-item"><a href="">Let's Go</a></li>
<li class="layui-nav-item"><a href="">主页</a></li>
<li class="layui-nav-item layui-this"><a href="">商品列表</a></li>
<li class="cart layui-nav-item"><a href="#购物车(0)"><img src="/pos/picture.img/0007019840702192_b.jpg">购物车(0)</a></li>
</ul>
<div class="layui-shopping_list">商品列表</div>
<div class="layui-info">
<table class="layui-table">
<script type="text/javascript" src="../js/form.js">
document.write(lis[0])
</script>
<colgroup>
<col width="165">
<col width="180">
<col width="180">
<col width="110">
</colgroup>
<tr class="layui-list">
<td>分类</td>
<td>名称</td>
<td>单价(元)</td>
<td>单位</td>
<td></td>
</tr>
<tr>
<td>{{dd}}</td>
<td></td>
<td></td>
<td></td>
<td> <a href=""class="layui-btn layui-btn-small layui-btn-radius layui-btn-normal">加入购物车</a></td>
</tr>
<tr>
<td>饮料</td>
<td>雪碧</td>
<td>3</td>
<td>瓶</td>
<td> <a href=""class="layui-btn layui-btn-small layui-btn-radius layui-btn-normal">加入购物车</a></td>
</tr>
</table>
</div>
</body>
</html>
现在的情况是我在html里面建立表格,自己手动加入了信息,我现在想把表格里面的内容放到js文件里面,然后在html里面进入js文件的内容,(也就是表格里需要的内容,例如名称,单价,数量什么的),引js文件很简单,但是js里面的内容怎么引过来,还有js里面怎么写表格里需要的东西我不太会,需要js模板吗,我不太清楚,求大神给帮忙
js里面的内容会写了,如何引用到html里面是我现在的问题?
function cart() {
return[
{
type:'分类',
name:'名称',
pirce:'单价(元)',
unit:'单位',
count:0
},
{
type:'饮料',
name:'雪碧',
pirce:'3',
unit:'瓶',
},
{
type:'水果',
name:'苹果',
pirce:'5.5',
unit:'斤',
count:0
} 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询