今天做一个项目，要求是div内为空 所有代码都写在<script>里面，<script>里面的文本用json传输。这个对我一个刚出校门，用div写了三年的页面的人来说真的好难，更何况我进公司之前根本就不知道什么json，我很庆幸我在这个公司里面有同事带带我，教教我，有不会的也能问问他们。真的是感觉这三年都白学了，学的知识完全不能跟社会接轨。。。
还好，最后在教程和同事的帮助下写出来了，下面贴上源代码。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>测试项目</title>
<script src="js\newdoT.js"></script>
//关键点在这里 引用dot.js这个库。这个库需要自己下载
<style>
#center{text-align: center;}
#test{text-align: left;}
</style>
</head>
<body>
<div class="mytest" ).innerHTML=json.test1;
}
};</script>
<script >
<table class="sui-table table-bordered">
<thead>
<tr>
<th >
<li>申请售后</li>
<li>投诉卖家</li>
</ul>
</div>
</td>
<td rowspan="2" width="11%" class="center">56.50</td>
<td rowspan="2" width="13%" class="center">
<ul class="unstyled">
<li>交易成功</li>
<li><a href="#">订单详情</a></li>
<li><a href="#">对方已评</a></li>
</ul>
</td>
<td rowspan="2" width="13%" class="center"><a href="#" class="btn">评价 </a></td>
<td rowspan="2" width="13%" class="center">
<ul class="unstyled">
<li><a href="#">删除</a></li>
<li><a href="#">标记</a></li>
<li><a href="#">分享</a></li>
</ul>
</td>
</tr>
<tr>
<td width="50%">
<div class="typographic">
<img src="http://img03.taobaocdn.com/bao/uploaded/i3/T1hxekXw8dXXXXXXXX_!!0-item_pic.jpg_80x80.jpg">
<a >
<li>申请售后</li>
<li>投诉卖家</li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
</script>
</body>
</html>