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