Ferris教程学习笔记:js示例3.3 累加按钮,自加1
2013-12-13 16:38
711 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=gbk"> <title>累加按钮,自加1</title> <style type="text/css"> body{text-align:center;} input{font:12px arial;cursor:pointer;padding:0 10px;} </style> </head> <body> <input value="2" type="button"> <script type="text/javascript"> window.onload = function(){ var input = document.getElementsByTagName("input")[0]; input.onclick = function(){ this.value = ++this.value; }; }; </script> </body> </html>
相关文章推荐
- Ferris教程学习笔记:js示例2.14 单一按钮显示/隐藏 乐曲播放列表
- Ferris教程学习笔记:js示例3.5 页面加载后累加,自加1
- Ferris教程学习笔记:js示例2.16 鼠标移过,改变图片路径
- Ferris教程学习笔记:js示例5.6 跟随鼠标移动(大图展示)
- Ferris这个教程学习笔记:js示例1:控制div属性
- Ferris教程学习笔记:js示例2.5 记住密码提示框
- Ferris这个教程学习笔记:js示例1.1:控制div属性
- Ferris教程学习笔记:js示例2.15 提示框效果
- Ferris教程学习笔记:js示例2.17 复选框(checkbox)全选/全不选/反选
- Ferris教程学习笔记:js示例2.7 点击Div,显示其innerHTML
- Ferris教程学习笔记:js示例3.1 用typeof查看数据类型
- Ferris这个教程学习笔记:js示例2.1:网页换肤
- Ferris教程学习笔记:js示例3.2 用parseInt解析数字,并求和
- Ferris教程学习笔记:js示例2.4 鼠标移入改变样式,鼠标移出恢复
- Ferris教程学习笔记:js示例2.13 简易JS年历
- Ferris教程学习笔记:js示例2.6 百度输入法
- Ferris教程学习笔记:js示例2.8 求出数组中所有数字的和
- Ferris教程学习笔记:js示例3.4输入两个数字,比较大小
- Ferris教程学习笔记:js示例2.9
- Ferris教程学习笔记:js示例2.10 函数传参,改变Div任意属性的值