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

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

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

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

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

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

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

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

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

有两种方式:

1、通过document.write的方式显示变量值

<script>

var a='1'

document.write(a)//在页面上显示a的值1

</script>

2、在页面节点中显示变量值

<div id='dv'></div>

<script>

var a='1'

var d = document.getElementById('dv')//获取div的节点

d.innerHTML = a//在div节点上显示a的值1

</script>

------解决方案--------------------

sample.js 中

var type = 1

HTML中

function xxx(){

var type2 = type

}

------解决方案--------------------

<script src="sample.js"></script>

假如:sample.js里面有个变量var content = "这是全局变量"

Html的其他位置script块里都可以用

<body>

<script>

alert(content)

</script>

</body>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6118911.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存