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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 定义变量

    var num=”1+2“;

    引号不能丢分号不能少。

    查看全部
  • 定义一个变量用var num1="985";

    查看全部
  • 在网页中插入JS代码,实现输出"JS进阶篇",并弹出对话框,内容为"关注JS高级篇"。

    <script type="text/javascript">

    document.write("JS进阶篇");

    alert("关注JS高级篇");

    </script>


    查看全部
    0 采集 收起 来源:让你认识JS

    2018-10-31

  • Location对象

    location用于获取或设置窗体的URL,并且可以用于解析URL。

    语法:

    location.[属性|方法]

    location对象属性图示:

    location 对象属性:

    location 对象方法:


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

    2018-10-31

  • History 对象

    history对象记录了用户曾经浏览过的页面(URL),并可以实现浏览器前进与后退相似导航的功能。

    注意:从窗口被打开的那一刻开始记录,每个浏览器窗口、每个标签页乃至每个框架,都有自己的history对象与特定的window对象关联。

    语法:

    window.history.[属性|方法]

    注意:window可以省略。

    History 对象属性

    History 对象方法

    使用length属性,当前窗口的浏览历史总长度,代码如下:

    <script type="text/javascript">   var HL = window.history.length;   document.write(HL); </script>


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

    2018-10-31

  • JavaScript 计时器

    在JavaScript中,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。
    计时器类型:
    一次性计时器:仅在指定的延迟时间之后触发一次。
    间隔性触发计时器:每隔一定的时间间隔就触发一次。
    计时器方法:


    查看全部
  • window对象

    window对象是BOM的核心,window对象指当前的浏览器窗口。

    window对象方法:

    注意:在JavaScript基础篇中,已讲解了部分属性,window对象重点讲解计时器。


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

    2018-10-31

  • 对象:window.history window 可以忽略;记录用户曾经浏览的URL,可以实现前进后退的导航功能

    窗口自从打开的一刻起每一个BOM对象都有记录

    属性  history.length 反应历史url的个数,只开一个为0

    方法:History.back() 后退

              History.forward() 下一个

              History.go() 指定URL

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

    2018-10-30

  • 鼠标经过事件(onmouseover)


    查看全部
  • java script中给数组赋值用[]

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

    2018-10-29

  • 加载事件写在<body>标签中

    查看全部
  • 日期对象可以储存任意一个日期,并且可以精确到毫秒数(1/1000 秒)。

    定义一个时间对象 :

    var Udate=new Date();

    注意:使用关键字new,Date()的首字母必须大写。 

    使 Udate 成为日期对象,并且已有初始值:当前时间(当前电脑系统时间)。

    如果要自定义初始值,可以用以下方法:

    var d = new Date(2012, 10, 1);  //2012年10月1日var d = new Date('Oct 1, 2012'); //2012年10月1日

    我们最好使用下面介绍的“方法”来严格定义时间。

    访问方法语法:“<日期对象>.<方法>”

    Date对象中处理时间和日期的常用方法:


    查看全部
    0 采集 收起 来源: Date 日期对象

    2018-10-29

  • <!DOCTYPE HTML>

    <html>

        <head>

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

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

        </head>

        

        <body>

            <form>

              请选择你爱好:<br>

              <input type="checkbox" name="hobby" id="hobby1">  音乐

              <input type="checkbox" name="hobby" id="hobby2">  登山

              <input type="checkbox" name="hobby" id="hobby3">  游泳

              <input type="checkbox" name="hobby" id="hobby4">  阅读

              <input type="checkbox" name="hobby" id="hobby5">  打球

              <input type="checkbox" name="hobby" id="hobby6">  跑步 <br>

              <input type="button" value = "全选" onclick = "checkall();">

              <input type="button" value = "全不选" onclick = "clearall();">

              <p>请输入您要选择爱好的序号,序号为1-6:</p>

              <input id="wb" name="wb" type="text" >

              <input name="ok" type="button" value="确定" onclick = "checkone();">

            </form>

            <script type="text/javascript">

            function checkall(){

                var hobby = document.getElementsByTagName("input");

               

              // 任务1 

               for(var m=0;m<hobby.length;m++){


                      hobby[m].checked=true;


                }

            }

            

            function clearall(){

                var hobby = document.getElementsByName("hobby");

                

             // 任务2  

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


                        hobby[i].checked=false;


                }

               

            // }

                

            }

            

            function checkone(){

                var j=document.getElementById("wb").value;

               if(j>0 && j<=6){


                        document.getElementById('hobby'+j).checked=true;


                    }

             // 任务3

            

            }

            

            </script>

        </body>

    </html>


    查看全部
  • insertBefore() 方法可在已有的子节点前插入一个新的子节点。

    语法:

    insertBefore(newnode,node);

    参数:

    newnode:要插入的新节点。

    node:指定此节点前插入节点。

    我们再来看看下面代码,在指定节点前插入节点。

    运行结果:

    This is a new p
    JavaScript
    HTML

    注意:

    otest.insertBefore(newnode,node); 

    也可以改为:otest.insertBefore(newnode,otest.childNodes[0]); 

    查看全部
  • stringObject.indexOf(substring, startpos)

    说明:

    1.该方法将从头到尾地检索字符串 stringObject,看它是否含有子串 substring。

    2.可选参数,从stringObject的startpos位置开始查找substring,如果没有此参数将从stringObject的开始位置查找。

    3.如果找到一个 substring,则返回 substring 的第一次出现的位置。stringObject 中的字符位置是从 0 开始的。

    注意:1.indexOf() 方法区分大小写。

    2.如果要检索的字符串值没有出现,则该方法返回 -1。


    查看全部

举报

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

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