Java Script

1.    

alert( “ ”)  弹框(警告框) 有一个按钮(确定)

confirm(“ ” )  确认框       有两个按钮(确定;取消)

prompt (“ ” )  输入框     可以设置默认值,用逗号隔开eg.prompt(“请输入你的年龄”,18)

 注意:如果是变量的话,不需要写””

例如:var num=prompt(“请输入你的年龄”,18)     //赋值

           alert(num)                                                    //输出值

 

2.     输出

document. write(“ ” ) 在页面中输出

console.log(“ ”)         在调试平台,在页面中看不到,常用于调试

 

3.     数据类型

字符串(String)          var  x = ”5”;

数字(Number)             var  x = 5;

布尔(Boolean)             var  x=true;       var  y=false;

数组(Array)              

定义方式

    var  star=[“BTS”,”EXO”,”WANNAONE”];

    var  star=new Array( );

case[0]=”BTS”;

case[1]=”EXO”;

case[2]=”WAANAONE”;

    var  star=new Array(“BTS”,”EXO”,”WANNAONE” );

       调用方式

         star[0]

对象(Object)           var  x={name:”value”, name:”value”}

例:var  person={name:”Roy”,

                age:”17”}

对对象的属性的寻址方式

    name=person.lastname;

    name=person["lastname"];

空(Null)                      用来清空变量

未定义(Undefined)     表示不含有值

 

typeof()   检测数据类型

注意:复杂对象调用方式

       var  member=[{name:jin,age:25},

{name:suga,age:24},

{name:rm,age:23}]

       member[1].name

 

4.     运算符

算术运算符:

加+   减-   乘*    除 /    取余数%   自增++    自减--

a++   a=a+1

a--    a=a-1

a++ 先赋值后自加

++a 先自加,后赋值

 

 

赋值运算符:

=        x=y     x=y

+=       x+=y    x=x+y

-=       x-=y    x=x-y

*=       x*=y    x=x*y

/=       x/=y    x=x/y

%=       x%=y    x=x%y

 

+号:   连接功能

数据相加

txt1="Hello";
txt2="world";
txt3=txt1+txt2;

text运行结果:Helloworld

 

比较运算符

==  等于

=== 绝对等于   (值和类型都相等)

!= 不等于

!== 绝对不等于 (值或类型不相等)

大于

小于

>= 大于等于

<=  小于等于

比较运算符结果为布尔值(true/false)

 

 

逻辑运算符

与 &&

或 ||

非 !

 

 

条件运算符(三目运算符)

 

语法:  (条件)?"条件成立时输出的值":"条件不成立时输出的值"

            jieguo=(age<18)?"年龄太小":"年龄已达到"; 

 

5.     函数

function name(){}

 

带参函数

function name(a,b){}

声明函数时,把参数当变量

例:

<button onclick="hello('Harry Potter','Wizard')">Try it</button>

<button onclick="hello('Bob','Builder')">Try it</button>
<script>
  function hello(name,job){
  alert("Welcome " + name + ", the " + job);
  }
</script>

运算结果:Welcome Harry Potter, the Wizard

          Welcome Bob, the Builder

 

带有返回值的函数

return

用 return时,函数会停止执行,并返回指定的值。

需要退出函数时 ,也可用 return

例如:function add(a,b){

         if(a<b){

             return

               }

        x=a-b;

}     当a小于b时就退出函数,不计算a和b差值

 

6.函数调用

onmouseover   鼠标移上去时触发

onmouseout    鼠标离开时触发

onmousedown   鼠标按下

onmouseup     鼠标松开

onchange      表单内容发生改变时触发

onfocus       获取焦点

onblur        失去焦点

例:

<button onclick="show()">点击</button>

<script>

 function show(){

  alert(“这是一个函数”)

}

<script>

 

 

7.变量作用域

局部变量 :只在函数内部起作用,在函数执行结束后,自动消毁

全局变量: 整个页面中起作用,在页面关闭后消毁

如果在函数内部定义变量时,没有写初始化var ,则视为全局变量

 

8.获取值

获取值的方式有三个:

获取节点内部的内容(包含子标签)  innerHTML

获取节点内部纯文本                innerText

获取表单元素中的值                value

 

 

9.找节点

用id找     document.getElementById("id名")

用标签找    document.getElementsByTagName("标签名")

用class找  document.getElementsByClassName("class名")

 

 

10.if条件语句

if(){}

else{}

例:var money=prompt("请输入您的年收入",10);

    if(money>=10){

        document.write("你可以买汽车了");

    }else if(money>=5){

        document.write("你可以买电动车了");

    }else if(money>=2){

        document.write("你可以买自行车了");

    }else{

        document.write("你只能坐11路了")

    }


 

11.switch 条件语句

var day=parseInt(prompt("请输入星期",0));

   switch (day){

       case 1:

           document.write("今天是周一");

           break;

       case 2:

           document.write("今天是周二");

           break;

       case 3:

           document.write("今天是周三");

           break;

       case 4:

           document.write("今天是周四");

           break;

       case 5:

           document.write("今天是周五");

           break;

       case 6:

           document.write("今天是周六");

           break;

       case 0:

           document.write("今天是周日");

           break;

       default :

           document.write("请输入正确的星期");

           break;

   }


注:parseInt()    强制转换为整数类型

break;        程序从当前位置跳出

new Date()    获取当前系统日期

.getDay()     获取星期

 

12.for循环语句

for(条件1;条件2;条件3){} 

var car=["BMW","BYD","大众","福特"];

    for(var i=0;i<car.length;i++){

        document.write(car[i]+"<br>")

}

运算结果:BMW

                  BYD

                 大众

                 福特

 

 

13.while&do while

while    先判断后执行语句,

do while 先执行一次,再判断

当条件不成立时,while语句停止循环,do  while 至少会运行一遍程序

continue  退出当前一轮循环

break  直接跳出循环