javaScript浅说

NO1:代码的存放位置:

   1:代码存放在 head 内 title标签下 当有style属性时在style下书写

1.1  格式

      <script type=”text/javascript”>

</script>

   2: alert();

     弹窗,进行提示框的弹出  alert(“刚学javascript 好激动,好开心!!”);

   注意:每一段命令都已 “;”结尾 如果没有 记得换行

  3:console.log(“我就想看看这是啥”);

      在控制台输出内容 百度网址 ----F12 点击console 查看

  4:prompt(“内容”);

     弹出一个供用户输入信息的文本框

  NO2:直接量

 1.1 红色框内的数据叫做直接量

   

   NO3:数据类型

1.1  字符串 String

1.1.1引号引起来的文本为字符串类型

1.1.2在弹出字符串中字符串附带引号与包裹内容的引号一致会造成冲突那么解决方式为:

    使用转译符 “\” 来进行转译引号

\b空格

\r 回车

1.2   数值类型 Number

1.2.1 整数,小数

1.2.2 NaN   not a  number  作用为表示数值的一种不正常状态 

        例

             Var  a=”abc”;

             Var  b=123;

             Alert(a-b);

1.2.3 判断当前数据是否是NaN的关键字

 isNaN: 是不是一个数字  用法  isNaN();

1.3 +号

1.3.1 如果是两个字符串中使用,作用在于连接字符串

1.3.2 如果两个数字之间使用,则为运算符 加号

1.3.3 当一个字符串链接一串数据时显示为字符串的连接功能

1.4 Boolean

   Boolean 类型只有2种值   分为  true正确  false 错误的

   用于判断结果

   今天是个好日子 =====》 false

   1<3  true

   我是一个大帅哥=====》 true

当给变量赋值为判断式的话则默认此变量为 boolean类型

例: var a= 1 > 3;

1.5 Undefined

       当变量只声明未赋值的时候则为 undefined类型  无法识别

 

NO4:判断数据类型

 1.1 Typeof方法

   

     注意:typeof使用时括号可以省略

NO5:变量 :变量是用来存储数据的

   1.1 变量的声明方式

  

1.1.1 通过var 来声明对象  声明的意思(挖一个坑)

       Var a;

1.1.2 为对象赋值

a= “asddsd”

1.1.3  变量声明的命名规则

        必须由  英文字母,数字,下划线,$符号组成 并且数字不能放在名称的开头

      

NO6:算数运算符

  1.1   var a=123;

      var b='123';

      alert(a+a+a+b);

      alert(b+a+a+b);

      判断该弹出结果的内容

 +

 -

  *

 /

 %  余数  余数的计算方式   X=Y%Z   Y-Y/Z * Z= 余数

 

 

 

 

NO6:Math

       

得到  2的 10次方

   Var a=2;

   Math.pow(a,10);

 付:  一句话:  网页上的所有元素都是盒子 ,万物皆盒子

                 万物皆对象

作业: 

 1: 难度★★

世界上气温的表达方式分为华氏度与摄氏度,两者的关系是

   

  求: 用户输入摄氏度得到对应的华氏度

2: 难度★★★★ X=Y%Z   Y-Y/Z * Z= 余数

如果今天是星期6 那么1000后是星期几?

答案:除7取余,再减6,小于0的加7就好了

  3:难度★★★★★

用户输入一个三位数,求三位数加起来的和。

例  用户输入 155  输出  11

1.     var a = prompt("请输入一个三位数数字,来计算数位相加的和","");  

2.         //获取个位上的数字  

3.         var b = a%10;  

4.         //获取十位上的数字  

5.         var c = parseInt((a%100)/10);  

6.         //获取百位上的数字  

7.         var d = parseInt(a/100);  

8.           

9.         var sc = b+c+d;  

10.      alert("你输入的三位数数字是"+a+",位数相加得"+sc);  

NO7:自增/自减

var a=3;

var b=2;

var c= a++ + b++;

//   var c= a+b ;a=a+1; b= b+1;

 

NO8:逻辑运算符  && ||  !

1.1 && 逻辑 (与)  & 主要功能用来连接

1.2  ||(或者)

1.3 !(非)

1.4 逻辑运算习题:

1.4.1 题★★

  Var a = true || false && true;

  Var b = false ||true&&false;

Varc=true||false&&false;

1.4.2 题★★★★

  Var  a = true && false || false &&true

  Var b=true&& true || false && false;

  Var c = true&& false || false  &&true;

  Var d =true  && true  || false && false;

 

1.5 逻辑运算符的优先级

     1.5.1: !> &&>||

 NO8:比较运算符

1.1 : >

1.2 :   <

1.3 : >=

1.4 :<=

1.5 : ==

1.6 : === (判断是否全等)

1.7 : !=

1.8 : !==

NO9:Js的实际应用

1.1 : 按钮实现弹窗效果

   1 .1.1   document.getElementById(); 通过ID获取元素

   1.1.2   鼠标单击事件: onclick();

    Onclick( chi();): 括号中填入的是方法

1.1.3

 Function : 函数,主要功能是方法的调用

 1.1.4 获取内容的方式

1. Value: 获取值

2. innerHTML : 获取html元素信息

3. innerText : 获取内部文本信息

1.1.4 : 论 java 判断与 javaScript 判断的区别

        1:  判断字符串的方式  java 中用  .equals();    javaScript : == 来可以直接比对

2.    循环功能  java中使用 int 数据类型申明变量 ;    在javaScript中  用 var 来声明变量。。。


猜你喜欢

转载自blog.csdn.net/viczking/article/details/80185210