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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  •                                                              屏幕可用高和宽度

    语法:

    <script type="text/javascript>

        document.write("可用宽度:"+screen.availWidth);

        document.write("可用高度:"+screen.availHeight);

    </script>

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

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

    注意:

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

    2. 根据屏幕的不同显示值不同。


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

    window.screen对象包含有关用户屏幕的信息。

    语法:

    <script type="text/javascript">

        document.write("屏幕宽度:"+screen.width+"px<br/>);

        document.write("屏幕高度:"+screen.height+"px");

    </script>

    1. screen.height返回屏幕分辨率的高。

    2. screen.width返回屏幕分辨率的宽。

    注意:

    1. 单位以像素计。

    2. window.screen对象在编写时可以不使用window这个前缀。

    查看全部
  •                                 screen对象

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

    语法:

    window.screen.属性

    对象属性:

    https://img1.sycdn.imooc.com//5b0ff33900013d3a05770207.jpg

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

    2018-05-31

  •                                      userAgent

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

    语法:

    navigator.userAgent

    例如:

    https://img1.sycdn.imooc.com//5b0ff286000193f106600184.jpg

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

    2018-05-31

  •                                  Navigato对象

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

    对象属性

    https://img1.sycdn.imooc.com//5b0ff0930001f83106080190.jpg

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

    2018-05-31

  • setTimeout()和clearTime()一起使用,停止计时器、

    语法:clearTimeout(id_of_setTimeout)

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

    查看全部
  •                                Location对象

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

    语法:

    location.[ 属性 | 方法 ]

    location对象属性图示:

    https://img1.sycdn.imooc.com//5b0fef150001b8ea09770213.jpg

    location对象属性:

    https://img1.sycdn.imooc.com//5b0fef400001dda006010270.jpg

    location对象方法:

    https://img1.sycdn.imooc.com//5b0fef500001406104010125.jpg

    spacer.gif

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

    2018-05-31

  •              返回浏览历史中的其他页面go( )方法

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

    语法:

    window.history.go(number);

    参数:


    查看全部
  •            返回下一个浏览的页面forward( )方法

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

    语法:

    window.history.forward( );

    等价于:window.history.go(1);

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


    查看全部
  • setTImeout()计时器,在载入后延迟指定时间,去执行一次表达式,仅执行一次。

    语法:setTimeout(代码,延迟时间);

    查看全部
  •                  返回前一个浏览的页面back( )方法

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

    语法:

    window.history.back( );

    等价于:window.history.go(-1)

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


    查看全部
  •                                       History对象

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

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

    语法:

    window.history.[ 属性 | 方法 ]

    注意:window可以省略。

    History对象属性:

    https://img1.sycdn.imooc.com//5b0fea070001003204590071.jpg

    History对象方法:

    https://img1.sycdn.imooc.com//5b0fe9f60001df0b05260122.jpg

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

    2018-05-31

  • 计时器setTimeout()

    语法: setTimeout("代码", 延时时间);

    作用:延时执行一次参一的代码串或调用函数,注意加引号"",为函数名称时可以不加.

    1,参二是以毫秒为单位的数值.

    2,返回值是一个数值,用来标识要取消的延迟执行代码块.

    查看全部
  • 运行结果为:

    https://img1.sycdn.imooc.com//5b0fc3f70001f2c208810649.jpg

    查看全部
  • screen对象

    5354d2810001a47706210213.jpg

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

    2018-05-31

举报

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

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