主要事件:
onclick 鼠标单击事件
onmouseover 鼠标经过事件
onmouseout 鼠标移开事件
onchange 文本框内容改变事件
onselect 文本框内容被选中事件
onfocus 光标聚集
onblur 光标离开
onload 网页导入
onunload 关闭网页
- <!DOCTYPE html>
- <HTML>
- <head>
- <meta charset="utf-8">
- <title> 事件 </title>
- <script type="text/JavaScript">
- function count(){
- var result="";
- // 获取第一个输入框的值
- var num1 = document.getElementById("txt1").value;
- // 获取第二个输入框的值
- var num2 = document.getElementById("txt2").value;
- // 获取选择框的值
- var op = document.getElementById("select").value;
- // 获取通过下拉框来选择的值来改变加减乘除的运算法则
- switch(op){
- case "+":
- result = parseFloat(num1) +parseFloat(num2);
- break;
- case "-":
- result = parseFloat(num1) -parseFloat(num2);
- break;
- case "*":
- result = parseFloat(num1) *parseFloat(num2);
- break;
- case "/":
- if(parseFloat(num2) === 0){
- var con = confirm("被除数不能为 0!");
- break;
- }
- result = paresFloat(num1) / paresFloat(num2);
- break;
- }
- // 设置结果输入框的值
- document.getElementById("fruit").value = result;
- }
- </script>
- </head>
- <body>
- <input type='text' id='txt1' />
- <select id='select'>
- <option value='+'>+</option>
- <option value="-">-</option>
- <option value="*">*</option>
- <option value="/">/</option>
- </select>
- <input type='text' id='txt2' />
- <input type='button' value='=' onclick="count()"/> <!-- 通过 = 按钮来调用创建的函数, 得到结果 -->
- <input type='text' id='fruit' onfocus="count()"/>
- </body>
- </HTML>
来源: http://www.bubuko.com/infodetail-2801173.html