如何在html页面中使用js变量

1、首先我们选择创建一个新的html5页面并完成初始化代码。

2、创建两个新的输入标记，一个用于用户输入变量，另一个用于用户更改变量的值。

3、编写脚本标记，将js代码写入内部，我们通过js获得两个输入标记元素。

4、执行按钮标记的click事件功能，也就是说，当用户单击“加一”按钮时，将调用此函数。

5、在函数中，我们首先将变量转换为数字，然后在数字中加一，以实现用js更改html变量的功能。

6、要刷新下一页，我们输入数字“18”并单击“加一”按钮。

7、我们可以看到输入框中变量的值变为19，变量的值变为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文件，查看实现的效果，就完成了。

---