为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 创建数组并赋值:第一种方法:创建数字并赋值 var mycharr=new Array(66,80,90,77,59);

    第二种方法:直接输入一个数组(“字面量数组”)

    var mycharr =[66,80,90,77,59];

    注意:数组存储的数据可以是任何类型(数字、字符、布尔值等)

    查看全部
  • 3.2数组创建语法:var myarray = new Array();

    保存数组的变量=创建一个新的空数组 该语句就是创建一个新数组并存储在一个叫myarray的变量中

    创建数组的同时,还可以指定长度,长度可任意指定。比如var myarray = new Array(8);存储8个数据

    注意:创建的新数组是空数组,没有值,如果输出,则会显示Undefined

    虽然指定了数组长度,但实际上数组都是可以变长的。也就是说指定了长度为8,仍然可以存储数据超过8个

    查看全部
  • <!DOCTYPE  HTML>

    <html >

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>系好安全带,准备启航</title>


    <script type="text/javascript">


    var currentDate = new Date();

      var weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];

      document.write(

          currentDate.getFullYear() + "年" + 

          (currentDate.getMonth() + 1) + "月" + 

          currentDate.getDate() + "日" + " " + 

          weekday[currentDate.getDay()]

          );

      //成绩是一长窜的字符串不好处理,找规律后分割放到数组里更好操作哦

      var sorceStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";

      var sourceArr = sorceStr.split(";");


       //从数组中将成绩撮出来,然后求和取整,并输出。

       var score = new Array();

       var sum = 0;

       for (var i = 0; i < sourceArr.length; i ++) {

           sum += parseInt(sourceArr[i].substr(sourceArr[i].indexOf(":")+1));

           //document.write("<br>" + sum);//test

       }

       document.write("--班级总分为:" + sum);

       document.write(",班级平均分为(保留整数):" + Math.round(sum/sourceArr.length))

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
    0 采集 收起 来源:编程练习

    2018-12-05

  • 3.1数组是一个值的集合,每个值都有一个索引号,从0开始,每个索引号都有一个相应的值,根据需要添加更多数值。

    查看全部
  • 操作符优先级:括号;一元运算符;算数运算符;比较运算符;相等运算符;逻辑运算符

    查看全部
  • 卸载事件(onunload)

    当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。

    注意:不同浏览器对onunload事件支持不同。

    如下代码,当退出页面时,弹出对话框“您确定离开该网页吗?”。

    运行结果:(IE浏览器)



    查看全部
  • 加载事件(onload)

    事件会在页面加载完成后,立即发生,同时执行被调用的程序。
    注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。

          2. 此节的加载页面,可理解为打开一个新页面时。
    如下代码,当加载一个新页面时,弹出对话框“加载中,请稍等…”。

    运行结果:



    查看全部
  • 文本框内容改变事件(onchange)

    通过改变文本框的内容来触发onchange事件,同时执行被调用的程序。

    如下代码,当用户将文本框内的文字改变后,弹出对话框“您改变了文本内容!”。

    运行结果:



    查看全部
  • 内容选中事件(onselect)

    选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行。

    如下代码,当选中用户文本框内的文字时,触发onselect 事件,并调用函数message()。

    运行结果:



    查看全部
  • 失焦事件(onblur)

    onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。

    如下代码, 网页中有用户和密码两个文本框。当前光标在用户文本框内时(即焦点在文本框),在光标离开该文本框后(即失焦时),触发onblur事件,并调用函数message()。

    运行结果:



    查看全部
  • 光标聚焦事件(onfocus)

    当网页中的对象获得聚点时,执行onfocus调用的程序就会被执行。

    如下代码, 当将光标移到文本框内时,即焦点在文本框内,触发onfocus 事件,并调用函数message()。

    运行结果:



    查看全部
  • 鼠标移开事件(onmouseout)

    鼠标移开事件,当鼠标移开当前对象时,执行onmouseout调用的程序。

    当把鼠标移动到"登录"按钮上,然后再移开时,触发onmouseout事件,调用函数message(),代码如下:

    运行结果:

     



    查看全部
  • 鼠标经过事件(onmouseover)

    鼠标经过事件,当鼠标移到一个对象上时,该对象就触发onmouseover事件,并执行onmouseover事件调用的程序。

    现实鼠标经过"确定"按钮时,触发onmouseover事件,调用函数info(),弹出消息框,代码如下:

    运行结果:



    查看全部
  • 鼠标单击事件( onclick )

    onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onclick事件调用的程序块就会被执行,通常与按钮一起使用。

    比如,我们单击按钮时,触发 onclick 事件,并调用两个数和的函数add2()。代码如下:

    <html> <head>    <script type="text/javascript">       function add2(){         var numa,numb,sum;         numa=6;         numb=8;         sum=numa+numb;         document.write("两数和为:"+sum);  }    </script> </head> <body>    <form>       <input name="button" type="button" value="点击提交" onclick="add2()" />    </form> </body> </html>

     注意: 在网页中,如使用事件,就在该元素中设置事件属性



    查看全部
  • 什么是事件

    JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。

    比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。

    主要事件表:



    查看全部
    0 采集 收起 来源:什么是事件

    2018-12-05

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!