1、先新建一个html文件，命名为test.html。
2、在test.html文件内，使用div标签创建一个模块，并设置其id为outinput，主要用于下面通过该id获得div对象。
3、在js标签内，定义一个数组arr，数组内定义三个元素，分别为“测试一”，“测试二”，“测试三”。
4、在js标签内，通过length属性获得数组arr的长度，即元素的个数，主要用于for语句中限制循环的次数。
5、在js标签内，定义一个变量html，使用for循环遍历arr数组，每次读取数组元素，将元素值与p标签组合，用于实现在页面出来。
6、在js标签内，使用getElementById（）方法通过id(outinput)获得div对象，通过innerHMTL属性将html变量输出在页面div标签中，从而实现取出数组值并显示出来。
7、最后在浏览器打开test.html文件，查看实现的效果，就完成了。
你可以尝试学习angular.js
AngularJS[1] 诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
angular 可以通过指令化的标签直接输出变量 无需多余的js代码 例如你需要在网页上输出name这个变量 你就可以使用 {{name}} 直接输出到网页上
<!DOCTYPE html><html>
<head>
<meta charset="utf-8">
<script src="
</head>
<body>
<div ng-app="">
<p>名字 : <input type="text" ng-model="name"></p>
<h1>Hello {{name}}</h1>
</div>
</body>
</html>
百度不给上 链接 你看图吧
