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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 网页尺寸offsetHeight

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

    一、值

    offsetHeight = clientHeight + 滚动条 + 边框。

    二、浏览器兼容性

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


    查看全部
  • 网页尺寸scrollHeight

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

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

    作用:获取网页内容高度.

    查看全部
  • 8.3需要重点练习,不太明白
    查看全部
  • <script type="text/javascript">

    var num1=10;

    var num2="JS";

     document.write("num1的值是:"+num1);

     document.write("num2的值是:"+num2);

    </script>

    如果想换行就document.write("num1的值是:"+num1+"<br/>");

    查看全部
  • Switch必须赋初始值,值与每个case值匹配。满足执行该 case 后的所有语句,并用break语句来阻止运行下一个case。如所有case值都不匹配,执行default后的语句。


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

    window.innerWidth // 窗口内部宽度,浏览器窗口可视区域内部当前宽度

    window.innerHeight // 窗口内部高度,浏览器窗口可视区域内部当前高度

    IE浏览器: 

    document.documentElement.clientWidth //文档元素客户端宽度,HTML文档所在窗口的当前宽度。

    document.documentElement.clientHeight //文档元素客户端高度,HTML文档所在窗口的当前高度。

    document.body.clientWidth //body对象宽度

    document.body.clientHeight //body对象高度

    作用:

    1,只读属性,获得浏览器窗口可视区域的当前宽高,以像素单位计.

    2,这里的宽和高不包括菜单栏、工具栏,状态栏以及滚动条等的高度。

    3,缩放窗口影响宽高大小.

    3,IE真麻烦,标准不一样吧还两种表示,隔应人.

    兼容性处理办法:

    var bWidth=window.innerWidth || document.documentElement.clientWidth;

    var bHeight=window.innerHeight || document.documentElement.clientHeight;


    查看全部
  • 这节没学好

    查看全部
  • <!DOCTYPE  HTML>

    <html >

    <head>

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

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


    </head>

    <body>

        <div id="average"></div>


    <script type="text/javascript">


      //通过javascript的日期对象来得到当前的日期,并输出。

      var today=new Date();

      var year=today.getFullYear();//年

      var month=today.getMonth()+1;//月

      var day=today.getDate();//日期

      var week=today.getDay()+1;//星期

      

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

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

     var scoreArr=scoreStr.split(";")

    var num=0;

    var scoreNum=[]

    var averageValue;

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

        scoreNum.push((scoreArr[i].split(":"))[1])

    }

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

        num+=parseInt(scoreNum[i]);

     averageValue=parseInt(num/scoreArr.length)

    }

    console.log(averageValue)

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

      document.getElementById("average").innerHTML=year+"年"+month+"月"+day+"日 星期"+week+"--班级总分为:"+averageValue;



    </script>

    </body>

    </html>


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

    2018-06-04

  • 1. 二维数组的定义方法一
    var myarr=new Array();  //先声明一维 
    for(var i=0;i<2;i++){   //一维长度为2
       myarr[i]=new Array();  //再声明二维 
       for(var j=0;j<3;j++){   //二维长度为3
       myarr[i][j]=i+j;   // 赋值,每个数组元素的值为i+j
       }
     }
     
     2. 二维数组的定义方法二
     var Myarr = [[0 , 1 , 2 ],[1 , 2 , 3]]


    查看全部
    0 采集 收起 来源:二维数组

    2018-06-04

  • 第一步:创建数组var myarr=new Array(); 
    第二步:给数组赋值
            myarr[1]=" 张三";
            myarr[2]=" 李四";

    第一种方法:

    var myarray = new Array(66,80,90,77,59);//创建数组同时赋值

    第二种方法:

     var myarray = [66,80,90,77,59];//直接输入一个数组(称 “字面量数组”)


    查看全部
  • 创建文本节点

    document.createTextNode("文本内容");

    作用:创建新的文本节点.返回新建的节点。

    返回值是新创建的文本节点对象。

    文本节点需要添加到元素节点中去,需要和appendChild()结合使用.

    查看全部
  • 使用数组之前首先要创建,而且需要把数组本身赋至一个变量

    语法:

    var myarray=new Array(数组的长度,虽然规定了长度但是可以将元素存储在规定之外);


    查看全部
  • 创建元素节点

    document.createElement("标签名");

    作用:创建元素节点

    返回值是一个元素对象.

    注意:参数是一个字符串,加引号.要与appendChild() 或 insertBefore()方法联合使用,将元素显示在页面中。

    查看全部
  • function abc(a,b){

        if(a>b){

            alert(a);}

            else if(a==b){

             alert("相等");

            }else{

             alert(b);

            }

        }

    abc(6,4)

    abc(3,4)



    这种方法最简单了把?

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

    2018-06-04

  • 节点操作:

    查看全部
    0 采集 收起 来源:认识DOM

    2018-06-04

举报

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

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