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>------解决方案--------------------sample.js 中
var type = 1
HTML中
function xxx(){
var type2 = type
}
------解决方案--------------------
<script src="sample.js"></script>
假如:sample.js里面有个变量var content = "这是全局变量"
Html的其他位置script块里都可以用
<body>
<script>
alert(content)
</script>
</body>