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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • 当用户退出页面时(页面关闭、页面刷新等),触发onUnload事件,同时执行被调用的程序。

    查看全部
  • 事件会在页面加载完成后,立即发生,同时执行被调用的程序。
    注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。

          2. 此节的加载页面,可理解为打开一个新页面时。
    如下代码,当加载一个新页面时,弹出对话框“加载中,请稍等…”。

    注:

    onload 事件会在页面或图像加载完成后立即发生。

    onload 通常用于 <body> 元素,在页面完全载入后(包括图片、css文件等等。)执行脚本代码。

    语法:

    在 HTML 中:

    <body onload="SomeJavaScriptCode">

    在 JavaScript 中:

    window.onload = function() {

        SomeJavaScriptCode;

    };


    查看全部
  • 通过改变文本框的内容来触发onchange事件,同时执行被调用的程序。

    当修改文件 离开文本框的时候触发事件

    查看全部
  • 选中事件,当文本框或者文本域中的文字被选中时,触发onselect事件,同时调用的程序就会被执行。

    查看全部
  • onblur事件与onfocus是相对事件,当光标离开当前获得聚焦对象的时候,触发onblur事件,同时执行被调用的程序。

    查看全部
  • 返回浏览历史中的其他页面

    go()方法,根据当前所处的页面,加载 history 列表中的某个具体的页面。

    语法:

    window.history.go(number);

    参数:

    1:  前一个,go(1)等价于forward()

    0: 当前页面

    -1: 后一个,go(-1)等价于back()

    其它数值: 要访问的URL在History的URL列表中的相对位置。

    浏览器中,返回当前页面之前浏览过的第二个历史页面,代码如下:

    window.history.go(-2);

    注意:和在浏览器中单击两次后退按钮操作一样。

    同理,返回当前页面之后浏览过的第三个历史页面,代码如下:

    window.history.go(3);
    查看全部
  • 返回下一个浏览的页面

    forward()方法,加载 history 列表中的下一个 URL。

    如果倒退之后,再想回到倒退之前浏览的页面,则可以使用forward()方法,代码如下:

    window.history.forward();

    注意:等价点击前进按钮。

    forward()相当于go(1),代码如下:

    window.history.go(1);


    查看全部
  • 返回前一个浏览的页面

    back()方法,加载 history 列表中的前一个 URL。

    语法:

    window.history.back();

    比如,返回前一个浏览的页面,代码如下:

    window.history.back();

    注意:等同于点击浏览器的倒退按钮。

    back()相当于go(-1),代码如下:

    window.history.go(-1);


    查看全部
  • History 对象

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

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

    语法:

    window.history.[属性|方法]
    注意:window可以省略

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

    2018-12-02

  • 取消计时器clearTimeout()

    setTimeout()和clearTimeout()一起使用,停止计时器。

    语法:

    clearTimeout(id_of_setTimeout)

    参数说明:
    id_of_setTimeout:由 setTimeout() 返回的 ID 值。该值标识要取消的延迟执行代码块。

    查看全部
  • innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML。

    查看全部
  • 计时器setTimeout()

    setTimeout()计时器,在载入后延迟指定时间后,去执行一次表达式,仅执行一次。

    语法:

    setTimeout(代码,延迟时间);

    参数说明:

    1. 代码:要调用的函数或要执行的代码串。

    2. 延时时间:在执行代码前需等待的时间,以毫秒为单位(1s=1000ms)。


    查看全部
  • checked = true; 选中

    checked = false; 不选中

    查看全部
  • 取消计时器clearInterval()

    clearInterval() 方法可取消由 setInterval() 设置的交互时间。

    语法:

    clearInterval(id_of_setInterval)

    参数说明:
    id_of_setInterval:由 setInterval() 返回的 ID 值。

    查看全部
  • 计时器setInterval()

    语法:setInterval(代码,交互时间);

    参数说明:

    1. 代码:要调用的函数或要执行的代码串。

    2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=1000ms)

    返回值:一个可以传递给 clearInterval() 从而取消对"代码"的周期性执行的值。

    调用函数格式(假设有一个clock()函数):

    setInterval("clock()",1000)
    或
    setInterval(clock,1000)


    查看全部

举报

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

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