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

JavaScript011

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

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

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

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

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

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

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

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

不能简单是把js变量加在herf里,没有这种操作的。

要实现动态改变herf内容,有很多方法,第一种方法:

<script type="text/javascript">

document.write('<a href='+liyi+'>超链</a>')

</script>

将上面代码放到a标签的位置。

第二种方法,修改a的href属性:

<a herf ="" id="aaa">链接</a>

<script type="text/javascript">

document.getElementById("aaa").href=liyi

</script>

上面代码放到原a标签位置,a标签中添加id属性。