• 学习javaScript必知必会(5)~BOM模型、定时器原理、清除定时器



    1、BOM:浏览器对象模型:

    网页是由window对象和window对象的子级对象构成的树形模型(BOM模型)


    2、简单介绍一下window的子对象:

    document、location、navigation、screen、history、我们自定义创建的全局变量和函数都是window的子对象


    □ window对象(浏览器对象)常用的方法:

    alert(message) 消息框
    prompt(message, [,defstr]) 输入框
    confirm(message)
    open(url,[, name,[, features]])
    close()
    blur()
    focus()
    print()
    moveBy(x, y) 相对移动
    moveTo(x, y) 绝对移动

    resizeBy(x, y)
    resizeTo(x, y)
    scrollBy(x, y) 相对滚动
    scrollTo(x, y) 绝对滚动

    setTimeout(表达式, 毫秒) 定时器,只执行一次
    setInterval(表达式, 毫秒) 定时器,循环执行
    clearTimeout(表达式, 毫秒) 清除定时器


    □ location 地址栏对象

    host 主机名
    port 端口号
    href 完整的url信息
    pathname 路径地址
    protocol 协议
    search 查询字符串
    assign(url) 页面跳转


    □ navigator 浏览器信息对象

    appCodeName
    appName 浏览器名称
    appVersion 版本
    platform 操作系统
    onLine 是否在线
    cookieEnabled 是否支持cookie


    □ screen 屏幕信息对象

    availHeight 可用高度(除 Windows 任务栏之外)
    availWidth可用宽度
    height高度
    width宽度
    colorDepth 颜色


    □ history 历史对象 (history对象包含了用户在浏览器窗口访问过的url)

    back() 加载历史列表中的前一个 URL(如果存在)。
    forward() 加载历史列表中的下一个 URL。


    □ document 文档对象:

    linkColor 超链接颜色
    alinkColor 点击链接作用过程中的颜色
    vlinkColor 点击链接后的颜色
    bgColor 背景颜色
    fgColor 字体颜色
    title 标题


    getElementById(‘id’); 通过id属性获取某个dom元素
    getElementsByName(‘name’); 通过name属性获取dom元素数组
    getElementsByTagName(‘name’); 通过标签名获取dom元素数组


    ✿ 3、定时器原理:

    当程序执行到setTimeout函数(setTimeout函数的返回值就是定时器对象)时,向系统抛出一个定时器对象,然后指定时间到达,定时器对象执行指定语句,
    然后定时器对象(timer)消失


    ✿4、清除定时器:

    var timer = setTimeout(表达式, 毫秒); //设置定时器(setTimeout函数返回值就是定时器对象)
    clearTimeout(timer); //清除定时器
    
  • 相关阅读:
    讲解开源项目:一步步跑起来个 Java 前后端分离的人力资源管理系统
    HelloDjango 第 12 篇:解锁博客侧栏,GoGoGo!
    HelloDjango 第 11 篇:自动生成文章摘要
    Python 命令行之旅:深入 argparse(二)
    MongoDB 复制机制
    GridView自定义分页
    接口分离原则
    依赖倒置原则
    访问 IIS 元数据库失败 的解决方法
    开放封闭原则
  • 原文地址:https://www.cnblogs.com/shan333/p/15811093.html
Copyright © 2020-2023  润新知