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

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

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

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

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

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

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

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

jQuery *** 作html时可以使用变量，html不能直接使用jQuery的变量

示例：

//在id为first的div里添加jQuery变量值内容

$(function(){

    var temp="这是内容"

    $("div#first").append(temp)

    

    //此时id为first的div内的html如下，jQuery变量的值添加进去了

    <div id="first">

        这是内容

    </div>

    

   

    //或者在div内插入<h1></h1>标签

    $("div#first").append("<h1>"+temp+"</h1>")

      

    //此时id为first的div内的html如下,html内有jquery变量的值

    <div id="first">

        <h1>这是内容</h1>

    </div>

})

---