JavaScript案例及总结

原创 2018-12-06 20:21:33 332
摘要:<!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                                            确认按钮被点击    


批改老师:天蓬老师批改时间:2018-12-07 08:56:25
老师总结:对于流程控制中声明的变量,推荐使用let , 而不是var

发布手记

热门词条