HTML中传递和引用JavaScript变量
明哥的运维笔记
发布于 2019-01-30 02:09:20
发布于 2019-01-30 02:09:20
代码可运行
运行总次数：0
代码可运行
{.brush:html;toolbar: .true; .auto-links: .false;}
<html>
<head>
<title>在HTML中传递和引用JavaScript变量</title>
<script type="text/javascript">
var foobar; //全局变量声明
function passvar(){
foobar = document.getElementById('textfield').value;
//document.write('传递变量成功');
alert('传递变量成功!');
}
//显示变量
function displayvar(){
alert('变量值为:'+foobar);
}
//引用变量
function varpass(){
document.getElementById('textdispaly').value = foobar;
//foobar = document.getElementById('textdispaly').value ;
}
</script>
</head>
<body>
<center>
<h1>在HTML中传递JavasScript变量</h1><hr><br>
<h5>单击相应按钮...</h5>
<form name="form1" method="post" action="">
<p>
<label>
<input type="text" name="textfield" id="textfield">
</label>
<label>
<!--绑定 onclick事件 -->
<input type="button" name="button1" value="传递变量" onclick="void passvar();"< /span>
</label>
<label>
<!--绑定 onclick事件 -->
<input type="button" name="button2" value="显示变量" onclick="void displayvar();"< /span>>
</label>
</p>
<p>
<label>
<input type="text" name="display" id="textdispaly">
</label>
<label>
<!--绑定 onclick事件 -->
<input type="button" name="button3" value="引用输入变量" onclick="void varpass();"< /span>>
</label>
</p>
</form>
</center>
</body>
</html>原文来自：
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2014-06-08，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
推荐阅读
相关推荐
【在线五子棋对战】五、前端扫盲：html && css && javascript && ajax && jquery && websocket
更多 >
腾讯云开发者
