• BOM操作


    BOM的核心对象是window,它表示浏览器的一个实例。它既是通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Global对象,因此网页中所有全局作用域中声明的变量、函数都会变成window对象的属性和方法。

    BOM指浏览器对象模型,它提供了很多对象用于访问浏览器的功能。

    从上图也可以看出:

    window对象是BOM的顶层(核心)对象,所有对象都是通过它延伸出来的,也可以称为window的子对象。

    DOM是BOM的一部分。

    BOM没有相关标准,每个浏览器都有其自己对BOM的实现方式。

    BOM主要用于管理浏览器窗口,提供了独立的,可以与浏览器窗口进行互动的功能。BOM由多个对象组成,其中代表浏览器窗口的window对象是BOM的顶层对象,其他对象都是该对象的子对象。

    BOM的核心是window,而window对象又具有双重角色,它既是通过js访问浏览器窗口的一个接口,又是js的Global(全局)对象。

    window对象定义了3个人机交互的接口方法,方便开发人员对JavaScript脚本进行测试:

    alert()
    confirm()
    prompt()

    window对象的属性

    window  // 窗口自身, window=window.self可使用全局属性window访问 Window对象
    document  // 对 Document 对象的只读引用。请参阅Document对象。
    history  // 对 History 对象的只读引用。请参数History对象。
    location  // 用于窗口或框架的 Location 对象。请参阅Location对象。
    screen  // 对 Screen 对象的只读引用。请参数Screen对象。
    navigator  // 对 Navigator 对象的只读引用。请参数Navigator对象。
    defaultStatus  // 设置或返回窗口状态栏中的默认文本。
    innerheight  // 返回窗口的文档显示区的高度。
    innerwidth  // 返回窗口的文档显示区的宽度。
    outerheight  // 返回窗口的外部高度。
    outerwidth  // 返回窗口的外部宽度。
    pageXOffset  // 设置或返回当前页面相对于窗口显示区左上角的 X 位置。
    pageYOffset  // 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
    name  // 设置或返回窗口的名称。
    parent  // 返回父窗口。
    top  // 返回最顶层的先辈窗口。
    status  // 设置窗口状态栏的文本。
    window.location  // URL地址,配备布置这个属性可以打开新的页面

    window对象的方法

    window.close();  // 关闭窗口
    window.alert("message");  // 弹出一个具有OK按钮的系统消息框,显示指定的文本
    window.confirm("Are you sure?");  // 弹出一个具有OK和Cancel按钮的询问对话框,返回一个布尔值
    window.prompt("What's your name?", "Default");  // 提示用户输入信息,接受两个参数,即要显示给用户的文本和文本框中的默认值,将文本框中的值作为函数值返回
    window.status  // 可以使状态栏的文本暂时改变
    window.defaultStatus  // 默认的状态栏信息,可在用户离开当前页面前一直改变文本
    window.setTimeout("alert('xxx')", 1000);  // 设置在指定的毫秒数后执行指定的代码,接受2个参数,要执行的代码和等待的毫秒数
    window.clearTimeout("ID");  // 取消还未执行的暂停,将暂停ID传递给它
    window.setInterval(function, 1000);  // 无限次地每隔指定的时间段重复一次指定的代码,参数同setTimeout()一样
    window.clearInterval("ID");  // 取消时间间隔,将间隔ID传递给它
    window.history.go(-1);  // 访问浏览器窗口的历史,负数为后退,正数为前进
    window.history.back();  // 同上
    window.history.forward();  // 同上
    window.history.length  // 可以查看历史中的页面数  
    clearInterval()  // 取消由 setInterval() 设置的timeout。
    clearTimeout()  // 取消由 setTimeout() 方法设置的timeout。
    createPopup()  // 创建一个 pop-up 窗口。
    moveBy()  // 可相对窗口的当前坐标把它移动指定的像素。
    moveTo()  // 把窗口的左上角移动到一个指定的坐标。
    open()  // 打开一个新的浏览器窗口或查找一个已命名的窗口。
    print()  // 打印当前窗口的内容。
    resizeBy()  // 按照指定的像素调整窗口的大小。
    resizeTo()  // 把窗口的大小调整到指定的宽度和高度。
    scrollBy()  // 按照指定的像素值来滚动内容。
    scrollTo()  // 把内容滚动到指定的坐标。
    setInterval()  // 按照指定的周期(以毫秒计)来调用函数或计算表达式。
    setTimeout(方法,秒数)  // 在指定的毫秒数后调用函数或计算表达式。 
    timeOutEvent = setTimeout("longPress('" + obj + "')",1500);  // 定时器传参数

    window的成员对象

    window.event
    window.document
    window.history
    window.screen
    window.navigator
    Window.external
    Window.location

    原文:https://blog.csdn.net/luanpeng825485697/article/details/77010413

     https://www.cnblogs.com/liuafan/p/9523916.html

  • 相关阅读:
    %zsy %lqs 随感
    polynomial&generating function学习笔记
    PKUWC2020自闭记
    考前最后的感叹:CSP2019 Bless All! & AFO
    AFO
    NOI2019 Fe
    [十二省联考2019]骗分过样例 luoguP5285 loj#3050
    python异常处理,草稿
    python操作excel
    python网络编程(requests)
  • 原文地址:https://www.cnblogs.com/xjy20170907/p/11608337.html
Copyright © 2020-2023  润新知