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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  •   若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。
      若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。
      若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。

    ?a-b难道不是> / < 0?

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

    2019-03-25

  • 操作符之间的优先级(高到低):

    算术操作符 比较操作符 逻辑操作符 "="赋值符号

    如果同级的运算是按从左到右次序进行,多层括号由里向外。


    查看全部
  • https://img1.sycdn.imooc.com//5c9838f60001badb03720290.jpg

    有真则真,全假为假

    查看全部
  • 真值表  !! 有假则加,都真为真

    查看全部
  • 操作符是用于在JavaScript中指定一定动作的符号。

    (1)操作符

    看下面这段JavaScript代码。

    sum = numa + numb;

    其中的"=""+"都是操作符。

    JavaScript中还有很多这样的操作符,例如,算术操作符(+、-、*、/等),比较操作符(<、>、>=、<=等),逻辑操作符(&&、||、!)。

    注意: “=” 操作符是赋值,不是等于。

    (2) "+"操作符

    算术运算符主要用来完成类似加减乘除的工作,在JavaScript中,“+”不只代表加法,还可以连接两个字符串,例如:

    mystring = "Java" + "Script"; // mystring的值“JavaScript”这个字符串

     


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>无标题文档</title>

    <style type="text/css">


    .message{    

    width:200px;

    height:100px;

    background-color:#CCC;}

    </style>

    </head>

    <body>

    <script type="text/javascript">

     var mytext=document.createTextNode("I love JavaScript!");

     var myele=document.createElement("span");

     //myele.className="message";

     myele.setAttribute("class","message");

     myele.appendChild(mytext);

     document.body.appendChild(myele);


    </script> 


    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>无标题文档</title>

    </head>

    <body>

    <script type="text/javascript">

    var main = document.body;

    //创建链接

    function createa(url,text)

    {

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

     mycre.innerHTML=text;

     mycre.href=url; /*

     var mytext=document.createTextNode(text);

     mycre.appendChild(mytext);

     mycre.setAttribute("href","http://www.imooc.com");

     */

     main.appendChild(mycre);   

        

    }

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

    // 调用函数创建链


    </script>

    </body>

    </html>


    查看全部
  • <!DOCTYPE html>

    <html>

    <head>

    <title>浏览器对象</title>  

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

    </head>

    <body>

    <!--先编写好网页布局-->

    <h3>操作成功</h3>


    <p><span id=mynum></span>秒后返回到主页</p>

    <a href="#" title="点击返回到主页" onclick="(window.history.go(-1)"target="blank">返回<a/>

    <script type="text/javascript">

    var num=5;

    function mycount(){

    document.getElementById("mynum").innerHTML=num;

    num=num-1;

    if(num<0){

    return;

    }

    setTimeout("mycount()",1000);

    }

    mycount();

    function myNewWindow(){

    window.open("http://www.imooc.com");

    }

    setTimeout("myNewWindow()",5000);

    //获取显示秒数的元素,通过定时器来更改秒数。


    //通过window的location和history对象来控制网页的跳转。

    </script>

    </body>

    </html>


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

    2019-03-24

  • get/setTime() 返回/设置时间,单位毫秒数

    <script type="text/javascript">
      var mydate=new Date();
      document.write("当前时间:"+mydate+"<br>");
      mydate.setTime(mydate.getTime() + 60 * 60 * 1000);
      document.write("推迟一小时时间:" + mydate);</script>
    查看全部
  • <title>获得星期</title>

    <script type="text/javascript">

      var mydate=new Date();

      var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

      var mynum=mydate.getDay();

      document.write("今天是:" + mydate+"<br>");

      document.write("今天是:" + weekday[mynum]+"<br>");

    </script>

    查看全部
    0 采集 收起 来源:返回星期方法

    2019-03-24

  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>无标题文档</title>

    </head>

    <body>



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

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

      

        <script type="text/javascript">

          function replaceMessage(){

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

            var newnodeText="JavaScript";

            newnode.innerHTML=newnodeText;

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

            oldnode.parentNode.replaceChild(newnode,oldnode);

       

           }    

      </script>

      

     </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>无标题文档</title>

    </head>

    <body>



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

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

      

        <script type="text/javascript">

          function replaceMessage(){

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

            var newnodeText=document.createTextNode("JavaScript");

            newnode.appendChild(newnodeText);

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

            oldnode.parentNode.replaceChild(newnode,oldnode);

       

           }    

      </script>

      

     </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>无标题文档</title>

    </head>

    <body>


    <ul id="test"><li>JavaScript</li><li id="a1">HTML</li></ul> 

     

    <script type="text/javascript">


      var otest = document.getElementById("test");  

      var php=document.createElement("li");

      php.innerHTML="PHPww";

      otest.insertBefore(php,otest.lastChild);

      

      

      

    </script> 


    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>nextSibling</title>

    </head>

    <body>

    <ul id="u1">   

                <li id="a">javascript</li>   

                <li id="b">jquery</li>sads   

                <li id="c">html</li>   

            </ul>   

            <ul id="u2">   

                <li id="d">css3</li>   

                <li id="e">php</li>   

                <li id="f">java</li>   

            </ul>   

    <script type="text/javascript">

        function get_previousSibling(n){

            var x=n.previousSibling;

            while (null && x.nodeType!=1){

                x=x.previousSibling;

            }

            return x;

        }


        var x=document.getElementsByTagName("li")[2];

        document.write(x.nodeName);

        document.write(" = ");

        document.write(x.innerHTML);

        

        var y=get_previousSibling(x);

        

        if(y!=null){

            document.write("<br />previoussibling: ");

            document.write(y.nodeName);

            document.write(" = ");

            document.write(y.nodeValue);

        }else{

          document.write("<br>已经是最前一个节点");      

        }


    </script>

    </body>

    </html>


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

    2019-03-22


  • //x[i].getAttributeNode.nodeType   才可以获得属性节点的属性

    查看全部

举报

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

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