学习核心篇后的总结及事件小实例

Original 2018-11-24 13:32:16 165
abstract:   通过核心篇的学习后,是自己对JavaScript有了更深入的了解,首先条件控制语句if   else和if   else if    else的用法及基本格式,其次就是循环语句,  for(初始值;条件;步长){}while (条件){循环体 ; 步长},do  {循环体;步长} 

   通过核心篇的学习后,是自己对JavaScript有了更深入的了解,首先条件控制语句if   else

和if   else if    else的用法及基本格式,其次就是循环语句,  for(初始值;条件;步长){}

while (条件){循环体 ; 步长},do  {循环体;步长}  while (条件)先循环一次然后再看条件,  switch (){ case 1: ;break;  case 2: ;break;default:  ;}

     字符串的定义string,字符串函数,例如:charAt(下标)截取对应下标的元素,indexOf(字符串)返回字符串的开始下标,lastIndexOf(字符串)字符串最后出现的开始下标,substring(开始下标,结束下标),截取字符串内容,substr(开始小标,截取长度)截取字符串函数,replace(需要替换的元素,被替换成的元素)替换函数;

      字符串与数值型的相互转换,转成数值:Number();parseInt();parseFloat(),数值型转换成字符串:变量 + “”;String();toString();

    数组的定义方法有三种,最常用的  var a = array(1,2,3,4);var  a = [ 1,2,3,4],多维数组:就是一维数组里的元素在换成一维数组就是多维数组了。

     数组的操作函数,concat()合并数组,join(_)把数组转换成字符串并用_隔开,reverse()给数组逆向排序,sort()按照ASSCL顺序排序,splice(开始下标,删除长度,加入新元素)删除并返回删除元素并且添加新元素,slice(开始下标,结束下标),返回下标之间的元素,push()在数组最后添加元素,并返回新元素长度,pop()删除最后一个元素并返回删除的元素。

      函数:内置函数(库函数)和自定义函数,内置函数有 alert()警告框;confirm()确认框;prompt()提示框,自定义函数格式 function (){},

     变量的作用域,局部变量和全局变量,局部变量只能用在函数体内部,全局变量,如果要用在函数体内:window.全局变量。

       事件小例子入下:

<!DOCTYPE html>
<head>
<meta charset = "utf-8">
<title>事件作业</title>
<link rel = "shortcut icon" type = "image/x-icon" href = "../picture/mi.png">
<link rel = "stylesheet" type = "text/css" href = "../css/css.css">
<style type = "text/css"></style>
</head>
<body>
<div style = "width:200px;height:300px;margin:0px auto;background:pink;color:#282923;font-size:20px;font-weight:bold;text-align:center;" onmousemove = "mymousemove (this)"><!-- 鼠标移动到Div显示青色 -->
    事件小案例</div>
<script type = "text/javascript">
var a;
function mymousemove(y){
//y.style.background = "url(../picture/tiger.jpg)";//背景颜色为图片
//y.style.background = "#45CA5E";
y.style.borderRadius = "50px";//改变Div的形状
}
</script>
</body>
</html>



Correcting teacher:韦小宝Correction time:2018-11-24 13:34:24
Teacher's summary:嗯!很不错!但是下次记得代码要带高亮哦!课后记得多多练习!继续加油吧!

Release Notes

Popular Entries