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

JavaScript023

如何在html页面中使用js变量,第1张

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

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

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

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

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

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

7、我们可以看到输入框中变量的值变为19,变量的值变为js。

HTML中引用JS 步骤如下:

1、打开电脑端html编辑器,然后新建HTML文件,以便待会用来引入js文件。

2、如图,如果想在head标签中使用javascript脚步,那么最好加入window.onload,然后在花括号里面写js代码。

3、而如果是在body下边,那就好办多了,可以直接在script里面写js代码,不需window.onload。

4、也可以新建js文件,把html和js分离。

5、然后在js文件里面写代码,注意不要用script标签。

6、然后在script里面用src来把之前的js文件链接好即可。