Javascript的基础复习（一）

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

AFei_student

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

阅读量456

点赞数

文章标签： javascript button input xhtml login html

本文链接：https://blog.csdn.net/AFei_student/article/details/7277023

版权

首先要更正一个大家容易误解的问题，就是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>

AFei_student

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript的基础复习（一）

首先要更正一个大家容易误解的问题，就是Javascrip和JAVA其实是没有任何关系的，之所以这个脚本语言叫这个名字是因为当时的JAVA的风头正盛所以这个脚本语言为了得到更好的发展于是就叫了现在这个名字，好了言归正传，下面我来简单说一下Javascrip的基础知识。javascript 几种引用方式：1、直接可也写在html文件中 1）javascript书写的代码和位置，一般情
复制链接

扫一扫