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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 注意:串表达式中mychar是变量

     

    注意:数值表达式中num是变量

     

    注意:布尔表达式中num是变量


    查看全部
  • 不允许使用JavaScript关键字和保留字做变量名。


    查看全部

  • 算术操作符>比较操作符>逻辑操作符>赋值操作符“=”

    查看全部
  • 返回值的函数

    思考:上一节函数中,通过"document.write"把结果输出来,如果想对函数的结果进行处理怎么办呢?

    我们只要把"document.write(sum)"这行改成如下代码:

    function add2(x,y) 
    {
        sum = x + y;
        return sum; //返回函数值,return后面的值叫做返回值。 
     }

    还可以通过变量存储调用函数的返回值,代码如下:

    result = add2(3,4);//语句执行后,result变量中的值为7。

    注意:函数中参数和返回值不只是数字,还可以是字符串等其它类型。 


    查看全部
    0 采集 收起 来源:返回值的函数

    2018-05-15

  • https://img1.sycdn.imooc.com//5afaa1290001699a04880702.jpg

    查看全部
  • 有参数的函数

    定义函数还可以如下格式:

    function 函数名(参数1,参数2) 
    {      函数代码 }

    注意:参数可以多个,根据需要增减参数个数。参数之间用(逗号,)隔开。


    查看全部
    0 采集 收起 来源:有参数的函数

    2018-05-15

  • 网页尺寸:

    offsetHeight和offsetWidth,获取网页的高度和宽度(包括滚动条等变线,会随窗口的显示大小改变)

    值:offsetHeight = clientHeight+滚动条+边框

    浏览器兼容性:

    var w = document.documentElement.offsetWidth||document.body.offsetWidth;

    var h = document.documentElement.offsetHeidht||document.body.offsetHeight;

    查看全部
  • 函数调用

    函数定义好后,是不能自动执行的,需要调用它,直接在需要的位置写函数名。

    第一种情况:在<script>标签内调用。

     <script type="text/javascript">     
       function add2()     
       {        
           sum = 1 + 1;   
           alert(sum);    
         }   
         add2();//调用函数,直接写函数名。
        </SCRIPT>

    第二种情况:在HTML文件中调用,如通过点击按钮后调用定义好的函数。

    <html> 
    <head> 
    <script type="text/javascript">
        function add2()
            {
                      sum = 5 + 6;
                      alert(sum);
             } 
     </script> 
     </head> 
     <body> 
     <form> 
     <input type="button" value="click it" onclick="add2()">  //按钮,onclick点击事件,直接写函数名 
     </form> 
     </body> 
     </html>


    查看全部
    0 采集 收起 来源:函数调用

    2018-05-15

  • 内容实际占用的高度和宽度:

    浏览器兼容性

    var w=document.documentElement.scrollWidth
       || document.body.scrollWidth;
    var h=document.documentElement.scrollHeight
       || document.body.scrollHeight;
    注意两种方法的结果不一样

    查看全部
  • var weekday = ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];

      document.write(dd.getFullYear() + "年" + (dd.getMonth() + 1) + "月" + dd.getDate() + "日" + " " +  weekday[dd.getDay()]);


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

    2018-05-15

  • document.innerWidth包括滚动条的

    查看全部
  • 浏览器窗口可视区域的大小:

    对于所有浏览器都可用的版本:

    var h = document.documentElement.clientHeight||doucument.body.clientHeight;

    var w = document.doucumentElement.clientWidth||document.body.clientWidth;

    说明:clientHight不包括工具栏滚动条和导航条。

    查看全部
  • function validB(){ 

        var u_agent = navigator.userAgent      ; 

        var B_name="不是想用的主流浏览器!"; 

        if(u_agent.indexOf("Firefox")>-1){ 

            B_name="Firefox"; 

        }else if(u_agent.indexOf("Chrome")>-1){ 

            B_name="Chrome"; 

        }else if(u_agent.indexOf("MSIE")>-1&&u_agent.indexOf("Trident")>-1){ 

            B_name="IE(8-10)";  

        }

            document.write("浏览器:"+B_name+"<br>");

            document.write("u_agent:"+u_agent+"<br>"); 

      } 


    查看全部
    0 采集 收起 来源:userAgent

    2018-05-15

  • 认真理解这个排序规则,理解排序方法。

    查看全部
    0 采集 收起 来源: 数组排序sort()

    2018-05-15

  • <!DOCTYPE  HTML>
    <html >
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>系好安全带,准备启航</title>
    
    <script type="text/javascript">
    // 创建时间
      var mydate=new Date();
      var year=mydate.getFullYear();
      var month=mydate.getMonth();
      var day=mydate.getDate();
      var week=mydate.getDay();
      var weeks=["日","一","二","三","四","五","六"];
      // 数组操作
      var scoreStr = "小明:87;小花:81;小红:97;小天:76;小张:74;小小:94;小西:90;小伍:76;小迪:64;小曼:76";
      var a=scoreStr.split(':');
      var b=a.splice(1);
      var sum=0;
          for(var i=0;i<b.length;i++){
             sum+=parseInt(b[i]); 
          }
    document.write("今天是"+year+"年"+month+"月"+day+"日"+"星期"+weeks[week]+'     '+"全班成绩是"+sum+"分")
    </script>
    </head>
    <body>
    </body>
    </html>


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

    2018-05-15

举报

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

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