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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  •  toUpperCase() 方法来将字符串小写字母转换为大写

    toLowerCase()方法,将字符串所有大写字母都变成小写的字符串。

    查看全部
  • 一小时 60 分,一分 60 秒,一秒 1000 毫秒

    时间推迟 1 小时,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);


    查看全部
  • mydate.getFullYear()//当前年份
    var mydate=new Date();//直接输出mydate是当前时间
    mydate.setFullYear(81); //设置年份

    结果格式依次为:星期、月、日、年、时、分、秒、时区。(火狐浏览器)

    查看全部
  • 定义数组 var 变量名=newArray();

    查看全部
  • 功能实现方式:

    1 display:inline-block;

    在CSS中,块级对象元素会单独占一行显示,多个block元素会各自新起一行,并且可以设置width,height属性;而内联对象元素前后不会产生换行,通过display:inline-block对一个对象指定inline-block属性,可以将对象呈递为内联对象,从而使本例中ul里面的li标签的内容都显示在同一行。

    2 在实现选项卡切换时主要使用了两个思路,一个是通过某类标签的onmouseover的功能函数,完成鼠标选定和切换的触发;二是通过对不同标签类名的改写以及对特定类名显示格式的定义,完成实际切换的效果。

    查看全部
    0 采集 收起 来源:编程挑战

    2018-11-06

  • <script type="text/javascript">

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

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

    document.write(w+"*"+h+"<br>")


    var w=document.documentElement.clientWidth;

    var h=document.documentElement.clientHeight;

    document.write(w+"*"+h+"<br>")


    var w=window.innerWidth;

    var h=window.innerHeight;

    document.write(w+"*"+h+"<br>")


    var w=document.body.clientWidth;

    var h=document.body.clientHeight;

    document.write(w+"*"+h)

    </script>


    查看全部
  • 相关语法:

    1 CSS基本格式:

    标签名{ 该标签内的文字的格式 }

    2 在设置border类的属性时,必须设置border style:dotted solid double dashed,不设置则默认是none,即边框不会显示出来。

    3 hover选择器

    选择鼠标指针浮动在其上的元素,并设置其样式:

    a:hover
    { 
    background-color:yellow;
    }


    查看全部
    0 采集 收起 来源:编程挑战

    2018-11-07

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


    查看全部
  • <style type="text/css">


    .message{    

    width:200px;

    height:100px;

    background-color:#CCC;}

    </style>

    </head>

    <body>

    <script type="text/javascript">

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

        a.className="message";

        var b=document.createTextNode("I love javascript!");

        a.appendChild(b);

        document.body.appendChild(a);

    </script> 


    查看全部
  • //使用创建元素节点进行网页跳转

    <script type="text/javascript">

    var main = document.body;

    //创建链接

    function createa(url,text)

    {

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

        a.href=url;

        a.innerHTML=text;

        a.style.color="red";

        main.appendChild(a);

    }

    // 调用函数创建链接

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

    </script> 


    查看全部
  • //替换元素节点

    539557d70001c3ee07190429.jpg

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

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

      

        <script type="text/javascript">

          function replaceMessage(){

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

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

            newnode.innerHTML=oldnode.innerHTML

            oldnode.parentNode.replaceChild(newnode,oldnode);

           }

      </script>


    查看全部
  •  window.onload = function(){

                 var oTab = document.getElementById("tabs");

                 var oUl = oTab.getElementsByTagName("ul")[0];

                 var oLis = oUl.getElementsByTagName("li");

                 var oDivs= oTab.getElementsByTagName("div");


                 for(var i= 0,len = oLis.length;i<len;i++){

                     oLis[i].index = i;

                     oLis[i].onclick = function() {

                         for(var n= 0;n<len;n++){

                             oLis[n].className = "";

                             oDivs[n].className = "hide";

                         }

                         this.className = "on";

                         oDivs[this.index].className = "";

                     }

                 };

             }


    查看全部
    0 采集 收起 来源:编程挑战

    2018-11-06

  • document.getElementById是根据元素Id查询,Id是唯一的,所以查询结果只有一个,无s;

    document.getElementsByName是根据元素name查询,name可以有好多个,,所以查询结果是一个数组,有s


    查看全部
  • mark注意2

    查看全部

举报

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

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