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属性。