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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 了解成员数量(数组属性length)

    如果我们想知道数组的大小,只需引用数组的一个属性length。Length属性表示数组的长度,即数组中元素的个数。

    语法:

    myarray.length; //获得数组myarray的长度

    注意:因为数组的索引总是由0开始,所以一个数组的上下限分别是:0和length-1。如数组的长度是5,数组的上下限分别是0和4。

    var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr  document.write(arr.length); //显示数组长度8 document.write(arr[7]); //显示第8个元素的值54

    同时,JavaScript数组的length属性是可变的,这一点需要特别注意。

    arr.length=10; //增大数组的长度 document.write(arr.length); //数组长度已经变为10

    数组随元素的增加,长度也会改变,如下:

    var arr=[98,76,54,56,76]; // 包含5个数值的数组 document.write(arr.length); //显示数组的长度5 arr[15]=34;  //增加元素,使用索引为15,赋值为34 alert(arr.length); //显示数组的长度16

    任务

    在右边编辑器中,已创建数组mynum,并赋值65,90,88,98。
    1. 在右边编辑器的第8行,使用length属性显示数组长度。


    查看全部
  • 跳转页面方法:

    (1)window.location.href="网址";//当前页面

    (2)window.open("网址"……);

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

    2018-09-26

  • Navigator对象

    Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。

    对象属性:


    查看全部
    0 采集 收起 来源:Navigator对象

    2018-09-26

  • 呼叫团里成员(使用数组元素)

    我们知道数组中的每个值有一个索引号,从0开始,如下图, myarray变量存储6个人的成绩:
     
    要得到一个数组元素的值,只需引用数组变量并提供一个索引,如:
    第一个人的成绩表示方法:myarray[0]
    第三个人的成绩表示方法: myarray[2]

     

    任务

    变量myarr保存4个人的姓名,现在看看第二个人的姓名是什么?
    1.在右边编辑器的第12行补充代码,显示第二个人的姓名。(?位置写代码)


    查看全部
  • 要得到一个数组元素的值,只需引用数组变量并提供一个索引,如:
    第一个人的成绩表示方法:myarray[0]
    第三个人的成绩表示方法: myarray[2]

    查看全部
  • 保持先后顺序(操作符优先级)

    我们都知道,除法、乘法等操作符的优先级比加法和减法高,例如:

    var numa=3; var numb=6 jq= numa + 30 / 2 - numb * 3;  // 结果为0

    如果我们要改变运算顺序,需添加括号的方法来改变优先级:

    var numa=3; var numb=6 jq= ((numa + 30) / (2 - numb)) * 3; //结果是-24.75

    操作符之间的优先级(高到低):

    算术操作符 比较操作符 逻辑操作符 "="赋值符号

    如果同级的运算是按从左到右次序进行,多层括号由里向外。

    var numa=3; var numb=6; jq= numa + 30 >10 && numb * 3<2;  //结果为false


    查看全部
  • 算术操作符 比较操作符 逻辑操作符 "="赋值符号

    查看全部
  • 我或你都可以 (逻辑或操作符)

    "||"逻辑或操作符,相当于生活中的“或者”,当两个条件中有任一个条件满足,“逻辑或”的运算结果就为“真”。

    例如:本周我们计划出游,可是周一至周五工作,所以周六或者周日哪天去都可以。即两天中只要有一天有空,就可以出游了。

    var a=3; var b=5; var c; c=b>a ||a>b;  //b>a是true,a>b是false,c是true

    逻辑或操作符值表:

    注意: 如果A为真,A || B为真,不会在执行B; 反之,如果A为假,要由 B 的值来决定 A || B 的值。

    任务

    在右边编辑器中第10行补充代码,在“jq1=”后输入numa>numb || numa==numb,看看结果是什么。

    • ?不会了怎么办

    • numa、numb都是小写的,因为JS中区分大小写

      使用||完成或操作


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>无标题文档</title>

    </head>

    <body>

    <script type="text/javascript">

    var main = document.body;

    //创建链接

    function createa(url,text)

    {

        var link = document.createElement("a");

        

        /*

        link.setAttribute("href", url);

        link.setAttribute("style","color:blue;text-decoration:underline;");

        */

        link.href = url;

        link.style.color = "blue";

        link.style.textDecoration = "underline";

        

        link.innerHTML = text;

        main.appendChild(link);

        

    }

    // 调用函数创建链接

    createa("http://www.imooc.com", "慕课网");


    </script> 

    </body>

    </html>


    查看全部
  • var num1 = 123;       // 123是数值

    var num2 = "一二三";    //"一二三"是字符串

    var num3=true;    //布尔值true(真),false(假)

    查看全部
  • 变量名字可以任意取:

    1. 必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字.    开头不能用数字,开头不能用除(_ $)外特殊符号 ,如(%  + /等) ,开头中间不能使用除(_ $)外特殊符号,如(%  + /等)

    2. 变量名区分大小写,如:A与a是两个不同变量.

    3. 不允许使用JavaScript关键字和保留字做变量名.

    529c07c000014f5103080447.jpg

    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

        <title>无标题文档</title>

    </head>

    <body>



    <div><b id="oldnode">JavaScript</b>是一个很常用的技术,为网页添加动态效果。</div>

    <a href="javascript:replaceMessage()"> 将加粗改为斜体</a>


    <script type="text/javascript">

        function replaceMessage(){

            var new_node = document.createElement("i");

            var old_node = document.getElementById("oldnode");

            new_node.innerHTML = old_node.innerHTML;

            document.getElementsByTagName("div")[0].replaceChild(new_node, old_node);

        }

    </script>


    </body>

    </html>


    查看全部
  • 算术操作符除了(+、-、*、/)外,还有两个非常常用的操作符,自加一“++”;自减一“--”。首先来看一个例子:

    mynum = 10;
    mynum++; //mynum的值变为11mynum--; //mynum的值又变回10

    上面的例子中,mynum++使mynum值在原基础上增加1,mynum--使mynum在原基础上减去1,其实也可以写成:

    mynum = mynum + 1;//等同于mynum++mynum = mynum - 1;//等同于mynum--


    查看全部

  • 引用外部js文件:

    <script type="text/javascript" src="script.js">

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

    2018-09-25

  • <script type="text/javascript">

    function jump()


    {

        var mymessage=confirm("关注JS高级篇?");

       if(mymessage==true)

       {

           document.write("wow superise!")

           

       }

    else

      {

          document.write("byby")

          

      }

    }

    </script>

    </head>

    <body>

    <p id="con">JS进阶篇</p>

    <form>

        <input type="button" onclick="jump()" value="点击我"/>

    </form>

    </body>


    查看全部
    0 采集 收起 来源:让你认识JS

    2018-09-25

举报

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

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