在HTML中引⽤JavaScript中的变量和上次的代码⼏乎⼀样，但这次是引⽤已经写好的变量。主要功能和⽤法如下：
document对象的getElementId⽅法得到HTML元素。
HTML元素的value属性可以⽤来设置变量的值。
02.html
<!DOCTYPE html>
<html>
<head>
<title>在HTML中引⽤JavaScript的变量</title>
<script type="text/javascript">
var foobar = 'foobar';//创建⼀个全局变量“foobar”
function var2pass() {
alert('应⽤变量成功！');
}
function displayVar() {
alert('变量值为' + foobar);
}
</script>
</head>
<body>
<h2>
在HTML中引⽤JavaScript的变量
</h2>
<hr>
<br>
<h5>单机相应的按钮……</h5>
<form name="form1" method="post" action="">
<label>
<input type="text" name="textfield" id="textfield">
script在html中的用法
</label>
<!-- 绑定onclick事件 -->
<label>
<input type="button" name="button" id="button" value="显⽰变量" onclick="javascript: void displayVar();">
</label>
<!-- 绑定onclick事件 -->
<label>
<input type="button" name="button2" id="button2" value="引⽤变量" onclick="javascript: void var2pass();">
</label>
</form>
</body>
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。