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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • setInterval(代码,交互时间)

    在执行时,从载入页面后每隔指定的时间执行代码

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

    交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计

    如setInterval(click,1000);

    查看全部
  • 制作一个跳转提示页面:

    <!DOCTYPE html>
    <html>
     <head>
      <title>浏览器对象</title>  
      <meta http-equiv="Content-Type" content="text/html; charset=gkb"/>   
     </head>
     <body>
      <!--先编写好网页布局-->
      <!--<span> 用于对文档中的行内元素进行组合。<span> 标签没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。如果不对 <span> 应用样式,那么 <span> 元素中的文本与其他文本不会任何视觉上的差异
          。p:是一个段落 span是一行 <p>66666<span>9999</span></p>
          span标签没有value属性-->
      <h1>操作成功</h1>
      <p>
          <span id="txt1" >5</span>
          秒后返回主页
          <!--a标签的伪协议,一般指不同于如http://,https://,
          ftp://等真实存在的协议,而是关联应用程序使用的,比如本题中的javascript:kongzhi()就属于伪协议,目的是运行kongzhi()这个函数-,如果是javascript:;则表示防止超链接跳转
          伪协议的作用:因为有时候需要跳转的是关联程序内部跳转,而不是基于真实协议的跳转,
          所以此时需要借助伪协议来完成
          -->
          <a href="javascript:kongzhi();">返回</a>
      </p>
      <script type="text/javascript">  
     
       //获取显示秒数的元素,通过定时器来更改秒数。
           var num=5;
       function huoqu(){
           num--;
           document.getElementById("txt1").innerHTML=num;
           if(num==0){
               window.location.assign("http://www.imooc.com");
           }
       }
       setInterval("huoqu()",1000);
      
       //通过window的location和history对象来控制网页的跳转。
       function kongzhi(){
           window.histroy.back();
       }
      </script> 
     </body>
    </html>

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

    2018-12-09

  • 注意: 该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下: 

      若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。
      若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。
      若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。


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

    2018-12-08

  • 屏幕可用高和宽度

    1. screen.availWidth 属性返回访问者屏幕的宽度,以像素计,减去界面特性,比如任务栏。

    2. screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如任务栏。

    注意:

    不同系统的任务栏默认高度不一样,及任务栏的位置可在屏幕上下左右任何位置,所以有可能可用宽度和高度不一样。


    查看全部
  • 屏幕分辨率的高和宽

    window.screen 对象包含有关用户屏幕的信息。
    1. screen.height 返回屏幕分辨率的高
    2. screen.width 返回屏幕分辨率的宽
    注意:
    1.单位以像素计。
    2. window.screen 对象在编写时可以不使用 window 这个前缀。
    我们来获取屏幕的高和宽,代码如下:


    查看全部
  • screen对象

    screen对象用于获取用户的屏幕信息。

    语法:

    window.screen.属性

    对象属性:


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

    2018-12-08

  • userAgent

    返回用户代理头的字符串表示(就是包括浏览器版本信息等的字符串)

    语法

    navigator.userAgent

    >-1是判断indexOf()用的,整个语句的意思就是,获取用户代理头的信息,访问并检索字符串的值“FireFox”在字符串有没有出现,>-1就是“有”的意思。

    查看全部
    0 采集 收起 来源:userAgent

    2018-12-08

  • Navigator对象

    Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。

    对象属性:


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

    2018-12-08

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

    语法:

    location.[属性|方法]

    location 对象属性:

    location 对象方法:


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

    2018-12-08

  • 返回上一页或者下一页


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

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

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

    window.history.forward();


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

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

    window.history.go(1);

    解释:

    history是历史的意思,如果想要执行代码,历史记录里必须有记录,不然执行没效果


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

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

    语法:

    window.history.back();

    window可以省略:

    瞄点解释:

    当点击第一个瞄点时会跳转到name=target1;

    同理target2也一样


    查看全部
  • History 对象

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

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

    语法:

    window.history.[属性|方法]

    History 对象属性

    属性说明
    length返回历史列表中的网址数

    History 对象方法

    方法说明
    back()加载 history 列表中的前一个 URL
    forward()加载 history 列表中的下一个 URL
    go()加载 history 列表中的某个具体页面


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

    2018-12-08


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

    语法:

    clearTimeout(id_of_setTimeout)
    查看全部
  • 去点+号并没有运行;这里的加号相当于连接符

    alert("mya的值是:"+mya);


    查看全部

举报

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

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