html中显示js中定义的变量的值并把它放在页面中想要的位置

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文件，查看实现的效果，就完成了。

首先表签应该这么写<script type="text/javascript"></script>

其次你想在那里显示的话应该是写在你的JS里，而不是写在<h1>这个标签中

function a(){

var b=1

document.getElementsByTagName[0]("h1").innerHTML=b

}

应该这么写，至于你刷新一次就想让B变量加一这个不太好整，因为你刷新了JS就重新加载了，一切就从头开始了，所以只能借助外界的记录，比如cook，但是我觉得你现在的水平写不了这些，所以还是不要纠结这些了

---