如何在html里显示出js里面变量的值？比如名字？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何在html里显示出js里面变量的值？比如名字？相关的知识，希望对你有一定的参考价值。
我在js里面var name; 然后在下面的函数中赋予name了一个值“1”，然后我在html里面应该怎么写才能在网页中显示“1”？ 大概功能是：在网页中，我按一个按钮name+1，网页中的1数字就会增加1个变成2，再按一下变成2这样。
解答后希望可以给一段实例代码，我考回来再深入研究下，十分感谢！
有两种方式：
方法1，用一些常用的前端mvc、mvvm框架，比如angularjs，实现双向数据绑定。
方法2，使用js监听按钮点击事件，如果点击，则加1：
html文件：
<html><head>
</head>
<body>
<span id="name"></span>
<button id="btn">点我</button>
<script>
$(function()
var name=1;
$("name").text(name);
$("btn").click(function()
name++;
$("name").text(name);
);
);
</script>
</body>
</html> 参考技术A <button onclik="addone(this);">name+1</button>
<script>
var name = 1;
function addone(btn)
name += 1;
btn.innerHTML="name+"+name;
</script> 参考技术B <html>
<body>
<div id="count">
1
<div>
<div>
<input type="button" id="name" value="name+1" onClick = "addCount()"/>
</div>
</body>
<script>
// 点击按钮会调用此方法
function addCount()
var name = document.getElementById("id").inner; // 获取当前显示的数值
name = name + 1;
document.getElementById("id").innerHTML = name; // 将+1后的数值重新显示在页面
</script>
</html>追问
我把你的代码考过来了，运行后点击按钮上面的1也不发生变化呀，是不是我搞错了什么，还需要前置条件？
本回答被提问者采纳如何将JS里变量的值赋给文本框
举个栗子：
<html><HEAD></HEAD><BODY> <form id="form1" method="post" > <TABLE border="1" style="width:560"> <script type="text/javascript" language="Javascript1.1"> var text="aaa"; </script> <TR><TD nowrap class="tdLeft">信息来源</TD> <TD> <input type="text" size="30" value=""> </TD></TR> </TABLE></form></BODY></html>
怎么将变量text的值赋给文本域<input type="text" size="30" value="">
解决方案：
<html><HEAD></HEAD><BODY> <form id="form1" method="post" > <TABLE border="1" style="width:560"> <TR><TD nowrap class="tdLeft">信息来源</TD> <TD> <input type="text" size="30" value="" id="text1"> </TD></TR> </TABLE></form></BODY> <script type="text/javascript"> var text="aaa"; document.getElementById("text1").value = text; </script> </html>
以上是关于如何在html里显示出js里面变量的值？比如名字？的主要内容，如果未能解决你的问题，请参考以下文章