1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>javascript基础</title> 6 <script type="text/javascript"> 7 function show() 8 { 9 alert("js学习之旅！"); 10 } 11 </script> 12 13 <script src="jsfile.js" type="text/javascript"> 14 </script> 15 16 <script type="text/javascript"> 17 var p = 3.14; 18 function compute(r) 19 { 20 return 2*p*r*r; 21 } 22 function show3() 23 { 24 var r = document.getElementById("radius").value; 25 var area = compute(r); 26 document.getElementById("area").value=area; 27 } 28 </script> 29 30 <script type="text/javascript> //这个有点问题 显示不出来 31 function show4() 32 { 33 confirm("确认提交吗？") 34 prompt("提示。。。。") 35 } 36 </script> 37 38 </head> 39 40 <body onload="show2()"> 41 <script type="text/javascript"> 42 document.write("js学习"); 43 </script> 44 45 <form> 46 输入半径：<input type="text"; name="r" id="radius"> 47 <input type="button" value="计算" onclick="show3()"> 48 圆的面积：<input type="text" name="area" id="area"> 49 </form> 50 <input type="text"; name="确认框 提示框" onclick="show4()"> 51 </body> 52 </html>
1 //外部js文件代码 2 function show2() 3 { 4 alert("js2222学习之旅！"); 5 }