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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • for(初始化变量;循环条件;循环迭代)
    {     
        循环语句 
     }


    查看全部
  • switch(表达式){case值1:
      执行代码块 1  break;case值2:
      执行代码块 2  break;...case值n:
      执行代码块 n  break;default:
      与 case值1 、 case值2...case值n 不同时执行的代码
    }


    查看全部
  • if(条件1){ 条件1成立时执行的代码}else  if(条件2){ 条件2成立时执行的代码}
    ...else  if(条件n){ 条件n成立时执行的代码}else{ 条件1、2至n不成立时执行的代码}


    查看全部
  • if(条件)
    { 条件成立时执行的代码}
    else
    {条件不成立时执行的代码}


    查看全部
  • 第一种情况:在<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-11-29

  • <script>
    function message(){
         confirm("请输入密码后,再单击确定!");}
    </script>
    <body>
    <form>


    查看全部
  • 鼠标单击事件( 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>

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


    查看全部
  • %取余数

    /取整数



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

    2018-11-29

  • 网页尺寸offsetHeight

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

    一、值

    offsetHeight = clientHeight + 滚动条 + 边框。

    二、浏览器兼容性

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


    查看全部
  • 网页尺寸scrollHeight

    scrollHeight和scrollWidth,获取网页内容高度和宽度。

    一、针对IE、Opera:

    scrollHeight 是网页内容实际高度,可以小于 clientHeight。

    二、针对NS、FF:

    scrollHeight 是网页内容高度,不过最小值是 clientHeight。也就是说网页内容实际高度小于 clientHeight 时,scrollHeight 返回 clientHeight 。

    三、浏览器兼容性

    var w=document.documentElement.scrollWidth    || document.body.scrollWidth; var h=document.documentElement.scrollHeight    || document.body.scrollHeight;

    注意:区分大小写

    scrollHeight和scrollWidth还可获取Dom元素中内容实际占用的高度和宽度。


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

    获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法:

    一、对于IE9+、Chrome、Firefox、Opera 以及 Safari:

    •  window.innerHeight - 浏览器窗口的内部高度

    •  window.innerWidth - 浏览器窗口的内部宽度

    二、对于 Internet Explorer 8、7、6、5:

    •  document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。

    •  document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。

    或者

    Document对象的body属性对应HTML文档的<body>标签

    •  document.body.clientHeight

    •  document.body.clientWidth

    在不同浏览器都实用的 JavaScript 方案(兼容性问题):

    var w= document.documentElement.clientWidth       || document.body.clientWidth; var h= document.documentElement.clientHeight       || document.body.clientHeight;


    查看全部
  • //myarr.length    //获得数据myarray的长度属性

    var myarray = new Array(0, 1, 2, 3, 4);

    var myarray = [1, 2, 3, 4, 5, 6]

    document.write(myarray.length + "<br>"); //显示数组长度 5

    myarray.length = 10; //增大数组长度 10

    document.write(myarray.length + "<br>"); //显示数组长度 10

    myarray[14]=15; //增加元素,使用索引为14,赋值为15

    document.write(myarray.length); //显示数组长度 15


    查看全部
  • js中三个或三个以上的比较,不能基于数学的比较方式,即a<b<c,js中的写法为:a<b && b<c

    查看全部
  • var myarr = new Array();    //定义数组

    myarr[0]="小红";    //数组元素赋值

    myarr[1]="小花";

    document.write("第2人名字:" + myarr[1] );    //呼叫使用数组元素

    查看全部
  • 声明数组var myarr=new Array()

    查看全部

举报

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

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