<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: auto; padding: 0px; } #a1{ width: 100px; height: 50px; border: 1px solid red; } #a2{ width: 50px; height: 50px; border: 1px solid red; } #a3{ width: 100px; height: 50px; border: 1px solid red; } #a4{ width: 100px; height: 50px; border: 1px solid red; } #a5{ width: 100px; height: 50px; border: 1px solid red; } #a6{ width: 100px; height: 20px; border: 1px solid red; } #a7{ width: 100px; height: 40px; border: 1px solid red; } </style> </head> <body> <div id="a1"> <input type="" name="b1" id="b1" value="" /> </div> <div id="a2"> <input type="" name="b2" id="b2" value="" /> </div> <div id="a3"> <input type="" name="b3" id="b3" value="" /> </div> <div id="a4"> <input type="submit" name="b4" id="b4" value="计算" onclick="b8()"/> </div> <div id="a5"> <div id="a6"> 计算结果 </div> <div id="a7"> </div> </div> </body> </html> <script type="text/javascript"> /*1、Javascript在页面中主要干什么(5分) 1、 可以获取日期时间 2、 可以进行数学函数运算 3、 做引入 4、 能进行逻辑运算 5、 能进行变量运算 6、 能进行循环运算 7、 能够对数组进行定义取值和运算 8、 可以创建对象 9、 能够建立鼠标事件并作用于页面 10、 能够建立处理dom对象 11、 能够操作document对象 2、javascript组成(10分) 一 核心(ECMAScript) 1.语法 2.变量和数据类型 3.关键字和保留字 4.操作符 5.控制语句 6.对象 二.文档对象模型(DOM) DOM(文档对象模型)是 HTML 和 XML 的应用程序 三.浏览器对象模型(BOM)*/ //试题3 var p = parseInt(prompt("请输入数字")) if(p%3 == 0 & p%5 == 0){ alert("整除") } else{ alert("不整除") } //试题四 var y = ""; var x = parseInt(prompt("请输入数字")); if(x < 1){ y = x; alert(y); } else if(1<=x<10){ y = 2*x+1; alert(y); } else if(x >= 10){ y = 3*x - 11; alert(y); }; //试题五 var g = parseInt(prompt("请输入工资")) var n = parseInt(prompt("请输入工龄")) var z = "" if (n>= 5){ z = g*1.2 alert(z+"元") } if (2<= n <=4){ z = g*1.15 alert(z+"元") } if (n < 2){ z = g*1.1 alert(z+"元") }*/ function b8(){ var j = "" var b1 = document.getElementById("b1").value; var b2 = document.getElementById("b2").value; var b3 = document.getElementById("b3").value; if(b2 == "+"){ j = parseInt(b1) + parseInt(b3); a7.innerHTML = j; } else if (b2 == "-"){ j = parseInt(b1) - parseInt(b3); a7.innerHTML = j; } else if (b2 == "*"){ j = parseInt(b1) * parseInt(b3); a7.innerHTML = j; } else{ j = parseInt(b1) / parseInt(b3); a7.innerHTML = j; } } </script>