JS基础(客户端的脚本语言)作用:交互

一、Javascript 基础语法

二、Javascrip dom操作

 

Javascript 基础语法:

1、注释、关键字、标识符、变量

2、数据类型

3、运算符

4、控制语句

5、数组

6、方法

 

写法分类

1、内联:写在标签里面  以事件属性表现  属性名就是事件属性名 (事件就是发生的动作)

2、内嵌:写在html标签里面  以标签的形式表现  标签名 script  script标签里的代码会自己执行(重点在内容)

3、外部引用:写在html标签里面  以标签的形式表现  标签名 script  (没有内容只有属性)

<script type="text/javascript" src=""></script>

任何位置都可以写但一般都写在head中

没有优先级

 

①注释://或/*  */

Ctrl+/(//)

Shift+ctrl+//(/*  */)

②关键字:系统已经定义好的单词

标识符:除了关键字之外的其他自定义(数字、字母、下划线  非数字开头)

③变量:定义 赋值 使用 var(声明)

实例:

Var name=‘张三’

Var nn;

nn=‘张三李四’

引申:*三个弹窗

①alert(“发生什么了”);   告警框

②confirm(“确定删除吗”);  选择框(有返回值 ture false)

③Prompt(“1+1=几”);输入框(有返回值,输入什么返回什么)

控制语句:

If(值==2){

alert(‘答对了’)

else{

Alert(‘瞎写什么’)

Html和css:形式语言

Javascript:逻辑语言

2、数据类型

强类型语言(例:JAVA)

弱类型语言(例:Javascript)

区别:对数据类型的处理

强类型语言:定义的时候必须指明数据类型是什么

弱类型语言:定义的时候不需要指明数据类型是什么,会自动转换

javascript(6种):  ①number(int/float)   ②string(字符串)  ③ boolean(布尔ture/false)   ③null(空)   ④undefined(未找到)   ⑤object(对象)

 字符串拼接现象:

1+“1”=11

3、运算符

1、算术运算符:(+,-,*,/,%取余数  ++自增 ——自减)

2、赋值运算符:=,+=,-=,*=,/=

3、条件运算符:>  <  >=  <=  !=  ==  ===(两个和三个不同,后者要检查数据类型

4、逻辑运算符:&&并且  丨丨或者  !取反

5、三目运算符:

表达式?true:flase

alert(1 >1 ? “dengyu” : “no”);

练习:

1、简单计算器:

var x=parseInt (prompt ("第一个数"));
var y=parseInt(prompt("第二个数"));
var z=prompt("请输入运算符");
if(z =='+'){
    alert(x+y);
}else if(z =='-'){
    alert(x-y);
}else if(z =='*'){
    alert(x*y);    
}else if(z =='/'){
    alert(x/y);    
}

2、水仙花数判别

var shuzi=prompt("输入数字")
var x=parseInt(shuzi/100%10);
var y=parseInt(shuzi/10%10)
var z=parseInt(shuzi%10)
if(x*x*x+y*y*y+z*z*z==shuzi){
    alert('正确')
}else{
    alert('错误')
}

转义字符:

回车(CR) ,将当前位置移到本行开头  \r

水平制表(HT) (跳到下一个TAB位置)  \t

代表一个单引号(撇号)字符 \’

代表一个双引号字符  \"

4、

控制语句:

条件判断;

If(){}

If(){}else{}

 

switch(){

case””:

break;

befault:

break;

 

循环

for(var i=0; i<10; i++){

alert(1);

}

 

While(表达式){

代码

两个关键字

Break      结束循环 (终止)

Continue   跳过本次本次循环

 

do{

  }while(

)

posted on 2018-06-14 09:24  落雨无晴  阅读(174)  评论(0编辑  收藏  举报