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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 操作符之间的优先级:

    算数运算符>比较运算符>逻辑运算符>赋值符号

    查看全部
  • onclick属性应该注意

    1. 全部小写

    2. 如果在标签中赋值的话:

      <p id="1" onclick="func()">文字</p>

    3. 如果在标签外的话应该是:

      document.getElementById("1").onclick=func;

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

    2018-07-03

    1. 解决浮动元素对其他元素的影响:

      a. 给浮动元素的父元素添加固定的高度

      b. 在父元素结尾处或者在浮动元素之后的任意一个不想被浮动元素覆盖的块元素之前添加一个空div,并且添加clear:both属性或者overflow:hidden;

      c. 在父元素结尾通过after伪类的方式添加一个块级元素并且应用clear:both,或者在一个想要不被浮动元素覆盖的兄弟元素中添加clear:both属性;

    2. 参考文章:https://blog.csdn.net/wmaoshu/article/details/52995912

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

    2018-07-03

  • <!DOCTYPE html>

    <html>

     <head>

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

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

     </head>

     <body>

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

      <h1>操作成功</h1>

    <span id="second" >5</span>

      <span >秒后回到主页</span>

      <a href="javascript:back();">返回</a>

      

      

     

      <script type="text/javascript">  

        var num=document.getElementById("second").innerHTML;

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

      

        function count()

        {

            num--;

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

            if(num==0)

            {

                location.assign("www.imooc.com");

            }

        }

        setInterval("count()",1000);

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

        function back()

        {

           window.history.back();

       }

       

     </script> 

    </body>

    </html>


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

    2018-07-03

  • <!DOCTYPE  HTML>

    <html >

    <head>

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

    <title>数组</title>

    <script type="text/javascript">

     //创建数组

     var arr=new Array();

     arr[0]="*";

     arr[1]="##";

     arr[2]="***";

     arr[3]="&&";

     arr[4]="****";

     arr[5]="##*";

     arr[7]="**";

     //显示数组长度

     alert(arr.length);

     

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

    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-07-03

  • for(初始化变量;循环条件;循环迭代)
    {     
        循环语句 
     }


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


    查看全部
  • arr.length=10; //增大数组的长度document.write(arr.length); //数组长度已经变为10


    查看全部
  • var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr document.write(arr.length); //显示数组长度8document.write(arr[7]); //显示第8个元素的值54


    查看全部
  • myarray[5]=88; //使用一个新索引,为数组增加一个新元素


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


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

     myarr[0]=80; 

     myarr[1]=60;

     myarr[2]=99;


    查看全部
  • 1、sum+num //开头中间不能使用除(_ $)外特殊符号
    查看全部
  • 替换元素节点replaceChild()

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

    语法:

    node.replaceChild (newnode,oldnew )

    参数:

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

    我们来看看下面的代码:

     

    效果: 将文档中的 Java 改为 JavaScript。

    注意: 

    1. 当 oldnode 被替换时,所有与之相关的属性内容都将被移除。 

    2. newnode 必须先被建立。 


    查看全部
  • alert换行:

    谷歌浏览器用这个  alert('第一行\n第二行');  }else{  //IE系列用这个    alert('第一行\r\n第二行);

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

    2018-07-02

举报

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

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