<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>计算</title>
<script type="text/javascript" src="href.js"></script>#src是外链就在本目录下的后缀js文件
<input type="text" name="" id="aa" value="">
<select id="se">#ID选择器
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</select>
<input type="text" name="" id="bb">#ID是获取元素的标记
<input type="button" value="计算" id="over" onclick="myfunction()">#onclick是点击该按钮运行该函数。
</head>
<body>
</body>
</html>
下面是外链文件中的myfunction函数
1 function myfunction() { 2 aa = document.getElementById('aa').value 3 bb = document.getElementById('bb').value 4 se = document.getElementById('se').value 5 if (se == '+') { 6 cc = parseFloat(aa) + parseFloat( bb) 7 alert(cc) 8 9 } 10 else if (se == '-'){ 11 cc = parseFloat(aa) - parseFloat( bb) 12 alert(cc) 13 14 } 15 else if (se == '*'){ 16 cc = parseFloat(aa) * parseFloat( bb) 17 alert(cc) 18 19 } 20 else { 21 cc = parseFloat(aa) / parseFloat( bb) 22 alert(cc) 23 24 } 25 26 27 28 }