abstract:<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> &
<!DOCTYPE html> <html > <head> <meta charset="UTF-8"> <title>案例</title> </head> <body> <script type="text/javascript"> var x; var week = new Array() week[0]="请选择:" week[1]="星期一", week[2]="星期二", week[3]="星期三", week[4]="星期四", week[5]="星期五", week[6]="周末" for(x in week){ document.write(week[x]+'<br/>'); } function myfocus(x){ x.style.background="pink" } function myclick(y){ y.style.background="blue" } </script> 今天周几?<br/> <input type="text" onfocus=" myfocus(this)"><br/> <input type="button" onclick="myclick(this)" value="提交"> </body> </html>
1. 输出格式<script type="text/javascript">
document.write('php中文网');
</script>
外部引用<script type="text/javascript" src="css/index.js"></script>
2. if(语句){
被执行语句;
}else if(语句){
被执行语句;
}else if(语句){
被执行语句}else{
被执行语句;
}
3.for 循环
for(语句1;语句2;语句3 ){
被执行语句;
}
4. while 循环
var x
while(语句){
被执行语句
}
do while循环
var x
do{
被执行语句;
}while(语句)
二者区别:do while 比while多执行一次。
5. switch
var x
switch(x){
case 1:被执行语句;
break;
case2:被执行语句;
break;
………….
case x:被执行语句;
break;
default :被执行语句;}
6. 字符串操作函数:
length属性可以返回字符的长度
charAt:返回一个字符值,是指定索引位置的值
indexOf()指出字符串的开始位置
lastIndexOf()指出最后一个字符串的开始位置
substring(开始下标,结束)返回一个字符串
replace(要被替换的字符串,需要被替换成的字符串):字符串替换函数
concat()可以连接两个或者多个字符串
7. 类型转换函数
字符串转数字函数
string-0 Number(string) parseInt(string)忽略非数字部分,从第一个字符开始找,找到非数字截至,只取整数部分,忽略小数点 parseFloat(string)把小数部分也取到
数字转化成字符
number+""添加空字符串方法 String数字转字符串 number.toString()
8. 数组:方便存取,并且减少内存占用。
作用:使用单独变量名存储的一系列的值。
下标(房间号)从零开始 数组总数就是最后一个下标加1
9. 数组操作函数
数组合并函数 :结构concat(item1,item2,...)
将数组元素变成字符串,并且指定分割符号分割 join()
数组排序函数,reverse() sort()
reverse()数组元素逆向排序
sort()数组元素按照一定的规则排序(ASCLL字符顺序)
splice()删除元素并向元素中添加新元素
从数组中返回选定的元素 slic(起始位置,结束)
push()向数组末尾添加添加一个或者多个元素,并返回一个新数组的长度
pop()删除并返回数组的最后一个元素
10..函数的分类:
系统函数 alert()警告框 confirm()确认框 prompt()提示框
自定义函数:自己创造的有特定功能的函数
函数的声明
function 函数名(参数1,参数2,......){
函数体
}
没有参数的函数:
函数的声明
function 函数名(){
函数体
}
函数的调用方法:
1.直接使用函数名,并且传参数给函数全局(任意地方)
2.直接使用window.onload=函数名(表示页面加载完成,调用该函数)
3.在body的函数内部加载函数
<body onload="函数名()"></body>
4.通过事件驱动来执行函数
<input type="button" onclick="函数名()">
11。函数的作用域及生命周期
局部变量:在JavaScript函数内部声明的变量我们称之为局部变量(只能在函数体内部访问它)这个变量的作用域是局部的
全局变量:在函数外声明的变量是全局变量(网页上所有的函数和脚本都可以使用)函数体外部的变量在函数外部使用,也可以在内部使用,如果在函数体内使用全局变量:加上window对象。
JavaScript内部函数的变量生存周期从它被声明开始
局部变量的生存周期:函数运行以后这个函数就被删除
全局变量:会在当前页面关闭之后被删除
12.事件
HTML 事件触发浏览器中的动作(action),比如当用户点击某个HTML元素时启动
一段 JavaScript代码,下面是一个属性列表,这些属性可插入HTML标签来定义时间动作
属性 描述
onfocus 元素获得焦点
onblur 元素失去焦点
onchange 域的内容被改变
onclick 当用户点击某个对象是调用的事件句柄
ondbclick 当用户双击某个对象是调用的事件句柄
onkeydown 某个键盘按键被按下
onkeyup 某个键盘按键被松开
onkeypress 某个键盘按键被按下并松开
onload 一张页面或一幅图像完成加载
onmousedown 鼠标按钮被按下
onmousemove 鼠标按钮被移动
onmouseout 鼠标从某元素移开
onmouseover 鼠标移到某元素之上
onmouseup 鼠标按键被松开
onsubmit 确认按钮被点击
Correcting teacher:天蓬老师Correction time:2018-12-07 08:56:25
Teacher's summary:对于流程控制中声明的变量,推荐使用let , 而不是var