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文件，查看实现的效果，就完成了。
在一个HTML文件javascript代码的内容，实现调用那个JS文件的变量。这样做的好外是可以实现网页模块化，以后要增加或者修改“显示文本内容”时，只需要修改那个JS文件就成了。在html中引用JavaScript变量的例子如下：<div id="map" align="center" style="width: 800pxheight: 600px"></div><script type="text/javascript" language="javascript"> var xx=screen.width document.getElementById("map").style.width = xx</script>HTML是静态标记语言，不具有运算能力，无法调用js脚本数据，只能js脚本来设置HTML中的参数。或者通过onload，onclick等属性，触发一些js事件。
例如想通过js计算，个div的宽度为100px；
var _width=10*10document.getElementById("divid").style.width=_width+"px"
