Ferris这个教程学习笔记:js示例2.2:函数接收参数并弹出
2013-12-11 16:04
736 查看
<!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>函数接收参数并弹出</title> <style type="text/css"> body{font:12px/1.5 Tahoma;text-align:center;} code,input,button{font-family:inherit;} input{border:1px solid #ccc;padding:3px;} button{cursor:pointer;} </style> </head> <body> <p><input value="北京市" type="text"></p> <p><input value="朝阳区" type="text"></p> <p><button>传参</button></p> <script type="text/javascript"> function point(i1,i2){ alert(i1.value); alert(i2.value); } window.onload = function(){ var button = document.getElementsByTagName("button")[0]; var input = document.getElementsByTagName("input"); button.onclick = function(){ point(input[0],input[1]); }; }; </script> </body> </html>
相关文章推荐
- Ferris这个教程学习笔记:js示例1:控制div属性
- Ferris这个教程学习笔记:js示例1.1:控制div属性
- Ferris这个教程学习笔记:js示例2.1:网页换肤
- Ferris教程学习笔记:js示例2.10 函数传参,改变Div任意属性的值
- Ferris教程学习笔记:js示例5.6 跟随鼠标移动(大图展示)
- Ferris教程学习笔记:js示例2.11 图片列表:鼠标移入/移出改变图片透明度
- Ferris教程学习笔记:js示例3.1 用typeof查看数据类型
- Ferris教程学习笔记:js示例3.2 用parseInt解析数字,并求和
- Ferris教程学习笔记:js示例2.12 简易选项卡
- Ferris教程学习笔记:js示例3.3 累加按钮,自加1
- Ferris教程学习笔记:js示例2.4 鼠标移入改变样式,鼠标移出恢复
- Ferris教程学习笔记:js示例2.14 单一按钮显示/隐藏 乐曲播放列表
- Ferris教程学习笔记:js示例3.4输入两个数字,比较大小
- Ferris教程学习笔记:js示例2.15 提示框效果
- Ferris教程学习笔记:js示例3.5 页面加载后累加,自加1
- Ferris教程学习笔记:js示例2.7 点击Div,显示其innerHTML
- Ferris教程学习笔记:js示例2.13 简易JS年历
- Ferris教程学习笔记:js示例3.6 判断数字是否为两位数
- Ferris教程学习笔记:js示例5.7 自定义右键菜单,请在页面点击右键查看效果。
- Ferris教程学习笔记:js示例2.3 用循环将三个DIV变成红色