<html>
<body>
<script type="text/javascript">
var key = [["q","w","e","r","t","y","u","i","o","p"], ["a","s","d","f","g","h","j","k","l"], ["z","x","c","v","b","n","m"]];
</script>
<table>
<tr>
<td><input type = 'button' value = "key[0][1]" /></td>;
</tr>
</table>
</body>
</html>
这是上面的一个小例子,但我基本上正在制作一个屏幕键盘,并且我已经有了定位按钮的循环,但是在我的循环中,我尝试与上面的代码类似地分配每个键的值,但是它不是为每个键打印 q w e r ty ,而是为每个按钮打印 key[row][col] 。如何使用与上述类似的方法让字母出现在按钮上?
最佳答案
下面的代码生成您期望的键盘布局:
<html>
<head>
<script type="text/javascript">
var key = [["q","w","e","r","t","y","u","i","o","p"], ["a","s","d","f","g","h","j","k","l"], ["z","x","c","v","b","n","m"]];
</script>
<body>
<script type="text/javascript">
for(var i = 0; i < key.length; i++)
{
document.write("<div>");
for(var j = 0; j < key[i].length; j++)
{
document.write("<input type='button' value='" + key[i][j] + "'/>");
}
document.write("</div>");
}
</script>
</body>
</html>
唯一的事情是第二行和第三行应该向右移动一点,看起来像真正的键盘。为此,我们可以对 div 标签进行填充。希望这对您有帮助。
关于Javascript - 如何使用数组中的元素设置按钮的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20060915/