12.2总结

Posted 2020-10-17

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? 直接跳出循环