Javascript的基础复习（一）

最新推荐文章于 2022-08-28 09:56:31 发布

iteye_3606

最新推荐文章于 2022-08-28 09:56:31 发布

阅读量116

点赞数

文章标签： javascript xhtml java ViewUI

首先要更正一个大家容易误解的问题，就是Javascrip和JAVA其实是没有任何关系的，之所以这个脚本语言叫这个名字是因为当时的JAVA的风头正盛所以这个脚本语言为了得到更好的发展于是就叫了现在这个名字，好了言归正传，下面我来简单说一下Javascrip的基础知识。

javascript 几种引用方式：
1、直接可也写在html文件中
1）javascript书写的代码和位置，一般情况下代码写在head标签中

2）直接写在boby中（比较危险）

3）可以写到<html>标记之外

2、可以使用外部文件引用的方式(注意结束标记！！！)

下面给大家提供一个简单是小例子这个例子可以说是一个简单计算器的雏形。。

<!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=gb2312" />
<title>计算器</title>
<script language="javascript" type="text/javascript">s
function getSum(login){
var jing = parseInt(document.getElementById("jing").value);
var num1 = parseInt(document.getElementById("num1").value);
if(checkNum(jing)||checkNum(num1)){
alert ("你输入的有误！！");
}else{
switch(login){
case '+':
document.getElementById("zong").value=jing+num1;
break
case '-':
document.getElementById("zong").value=jing-num1;
break;
case '*':
document.getElementById("zong").value=jing*num1;
break;
case '/':
document.getElementById("zong").value=jing/num1;
break;
}
}
}
function checkNum(num){
return isNaN(num);
}
</script>
</head>
<body>

第一个数：<input type="text" id="jing" value="" /><br />

第二个数：<input type="text" id="num1" value="" /><br />

等于：<input type="text" id="zong" value="" /><br />

<input type="button" name="button" value="加" οnclick="getSum('+')" />
<input type="button" name="button" value="减" οnclick="getSum('-')" />
<input type="button" name="button" value="乘" οnclick="getSum('*')" />
<input type="button" name="button" value="除" οnclick="getSum('/')" />
</body>
</html>