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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • var myweek =prompt("请输入1-7的数字");//myweek表示星期几变量
    if(myweek!=null&& myweek<8){
    switch(parseInt(myweek))
    {
     case 1:
     case 2:  
     document.write("学习理念知识");
     break;
     case 3:
     case 4:
     document.write("到企业实践");
     break;
     case 5:
     document.write("总结经验");
     break;
     case 6:
     case 7:
         degree="周六、日休息和娱乐"
     document.write(degree);   
    }
    }else if(myweek!=null){
        alert("请输入正确数字")
    }  

    查看全部
  • 56976e1700014fc504090143.jpgjs计时器

    查看全部
  • 535483720001a54506670563.jpgwindow对象

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

    2018-06-13

  • slice1(1,3)-1数组下标

                        -3数组实际长度,到数据实际第3位

    查看全部
    0 采集 收起 来源:选定元素slice()

    2018-06-13

  • toUpperCase()是将字符串小写转换成大写。

    toLowerCase()是将字符串小写字母转换成大写字母

    查看全部
  • 网页尺寸scrollHeight

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

    一、针对IE、Opera:

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

    二、针对NS、FF:

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


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

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

    一、对于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


    查看全部
  • createTextNode() 方法创建新的文本节点,返回新创建的 Text 节点。

    语法:

    document.createTextNode(data)


    查看全部
  • createElement()方法可创建元素节点。此方法可返回一个 Element 对象。

    语法:

    document.createElement(tagName)

    参数:

    tagName:字符串值,这个字符串用来指明创建元素的类型。

    注意:要与appendChild() 或 insertBefore()方法联合使用,将元素显示在页面中。


    查看全部
  • var objectName =new Array();//使用new关键字定义对象
    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-06-12

  • 替换元素节点replaceChild()

    replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。 

    语法:

    node.replaceChild (newnode,oldnew )

    参数:

    newnode : 必需,用于替换 oldnew 的对象。 
    oldnew : 必需,被 newnode 替换的对象。


    查看全部
  • 删除节点removeChild()

    removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。

    语法:

    nodeObject.removeChild(node)

    5399744d000153a306060342.jpg

    运行结果:

    HTML删除节点的内容: javascript

    注意: 把删除的子节点赋值给 x,这个子节点不在DOM树中,但是还存在内存中,可通过 x 操作。

    如果要完全删除对象,给 x 赋 null 值,代码如下:

    539975a800017c8e04790082.jpg

    查看全部
  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>数组</title>

    <script type="text/javascript">

     //创建数组

        var  arr = ['*','##',"***","&&","****","##*"];

        arr[7] = "**"; 

     //显示数组长度

        alert(arr.length);

     

     //将数组内容输出,完成达到的效果。

        /*(for(i=0;i<8;i++){

            document.write(arr[i]+"<br>");

        }*/逐行显示

        document.write(arr[0]+"<br/>");

        document.write(arr[7]+"<br/>");

        document.write(arr[2]+"<br/>");

        document.write(arr[4]+"<br/>");


    </script>

    </head>

    <body>

    </body>

    </html>


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

    2018-06-12

  • 插入节点appendChild()

    在指定节点的最后一个子节点列表之后添加一个新的子节点。

    语法:

    appendChild(newnode)

    参数:

    newnode:指定追加的节点。

    我们来看看,div标签内创建一个新的 P 标

    5398fd020001ad4905890193.jpg

    查看全部
  • 访问兄弟节点

    1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中)。

    语法:

    nodeObject.nextSibling

    说明:如果无此节点,则该属性返回 null。

    2. previousSibling 属性可返回某个节点之前紧跟的节点(处于同一树层级中)。

    语法:

    nodeObject.previousSibling

    说明:如果无此节点,则该属性返回 null。

    注意: 两个属性获取的是节点。Internet Explorer 会忽略节点间生成的空白文本节点(例如,换行符号),而其它浏览器不会忽略。


    查看全部
    0 采集 收起 来源:访问兄弟节点

    2018-06-12

举报

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

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