• JavaScript补充:BOM(浏览器对象模型)


      一些公共对象。详细参考手册

      一、Window 对象

      Window 对象表示浏览器中打开的窗口。

      如果文档包含框架(<frame> 或 <iframe> 标签),浏览器会为 HTML 文档创建一个 window 对象,并为每个框架创建一个额外的 window 对象。

      注意: 没有应用于 window 对象的公开标准,不过所有浏览器都支持该对象。

    属性描述
    closed 返回窗口是否已被关闭。
    defaultStatus 设置或返回窗口状态栏中的默认文本。
    document 对 Document 对象的只读引用。(请参阅对象)
    frames 返回窗口中所有命名的框架。该集合是 Window 对象的数组,每个 Window 对象在窗口中含有一个框架。
    history 对 History 对象的只读引用。请参数 History 对象
    innerHeight 返回窗口的文档显示区的高度。
    innerWidth 返回窗口的文档显示区的宽度。
    length 设置或返回窗口中的框架数量。
    location 用于窗口或框架的 Location 对象。请参阅 Location 对象
    name 设置或返回窗口的名称。
    navigator 对 Navigator 对象的只读引用。请参数 Navigator 对象
    opener 返回对创建此窗口的窗口的引用。
    outerHeight 返回窗口的外部高度,包含工具条与滚动条。
    outerWidth 返回窗口的外部宽度,包含工具条与滚动条。
    pageXOffset 设置或返回当前页面相对于窗口显示区左上角的 X 位置。
    pageYOffset 设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
    parent 返回父窗口。
    screen 对 Screen 对象的只读引用。请参数 Screen 对象
    screenLeft 返回相对于屏幕窗口的x坐标
    screenTop 返回相对于屏幕窗口的y坐标
    screenX 返回相对于屏幕窗口的x坐标
    screenY 返回相对于屏幕窗口的y坐标
    self 返回对当前窗口的引用。等价于 Window 属性。
    status 设置窗口状态栏的文本。
    top 返回最顶层的父窗口。
    方法描述
    alert() 显示带有一段消息和一个确认按钮的警告框。
    blur() 把键盘焦点从顶层窗口移开。
    clearInterval() 取消由 setInterval() 设置的 timeout。
    clearTimeout() 取消由 setTimeout() 方法设置的 timeout。
    close() 关闭浏览器窗口。
    confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
    createPopup() 创建一个 pop-up 窗口。
    focus() 把键盘焦点给予一个窗口。
    moveBy() 可相对窗口的当前坐标把它移动指定的像素。
    moveTo() 把窗口的左上角移动到一个指定的坐标。
    open() 打开一个新的浏览器窗口或查找一个已命名的窗口。
    print() 打印当前窗口的内容。
    prompt() 显示可提示用户输入的对话框。
    resizeBy() 按照指定的像素调整窗口的大小。
    resizeTo() 把窗口的大小调整到指定的宽度和高度。
    scroll()  
    scrollBy() 按照指定的像素值来滚动内容。
    scrollTo() 把内容滚动到指定的坐标。
    setInterval() 按照指定的周期(以毫秒计)来调用函数或计算表达式。
    setTimeout() 在指定的毫秒数后调用函数或计算表达式。

      二、Navigator 对象

      Navigator 对象包含有关浏览器的信息。注意: 没有应用于 navigator 对象的公开标准,不过所有浏览器都支持该对象。

    属性描述
    appCodeName 返回浏览器的代码名。
    appMinorVersion 返回浏览器的次级版本。
    appName 返回浏览器的名称。
    appVersion 返回浏览器的平台和版本信息。
    browserLanguage 返回当前浏览器的语言。
    cookieEnabled 返回指明浏览器中是否启用 cookie 的布尔值。
    cpuClass 返回浏览器系统的 CPU 等级。
    onLine 返回指明系统是否处于脱机模式的布尔值。
    platform 返回运行浏览器的操作系统平台。
    systemLanguage 返回 OS 使用的默认语言。
    userAgent 返回由客户机发送服务器的 user-agent 头部的值。
    userLanguage 返回 OS 的自然语言设置。
    方法描述
    javaEnabled() 指定是否在浏览器中启用Java
    taintEnabled() 规定浏览器是否启用数据污点(data tainting)

      三、Screen 对象

      Screen 对象包含有关客户端显示屏幕的信息。

      注意:没有应用于 screen 对象的公开标准,不过所有浏览器都支持该对象。

    属性描述
    availHeight 返回显示屏幕的高度 (除 Windows 任务栏之外)。
    availWidth 返回显示屏幕的宽度 (除 Windows 任务栏之外)。
    bufferDepth 设置或返回调色板的比特深度。
    colorDepth 返回目标设备或缓冲器上的调色板的比特深度。
    deviceXDPI 返回显示屏幕的每英寸水平点数。
    deviceYDPI 返回显示屏幕的每英寸垂直点数。
    fontSmoothingEnabled 返回用户是否在显示控制面板中启用了字体平滑。
    height 返回显示屏幕的高度。
    logicalXDPI 返回显示屏幕每英寸的水平方向的常规点数。
    logicalYDPI 返回显示屏幕每英寸的垂直方向的常规点数。
    pixelDepth 返回显示屏幕的颜色分辨率(比特每像素)。
    updateInterval 设置或返回屏幕的刷新率。
    width 返回显示器屏幕的宽度。

      每个 Window 对象的 screen 属性都引用一个 Screen 对象。Screen 对象中存放着有关显示浏览器屏幕的信息。JavaScript 程序将利用这些信息来优化它们的输出,以达到用户的显示要求。例如,一个程序可以根据显示器的尺寸选择使用大图像还是使用小图像,它还可以根据显示器的颜色深度选择使用 16 位色还是使用 8 位色的图形。另外,JavaScript 程序还能根据有关屏幕尺寸的信息将新的浏览器窗口定位在屏幕中间。

      四、History 对象

      History 对象包含用户(在浏览器窗口中)访问过的 URL。

      History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。

      注意: 没有应用于History对象的公开标准,不过所有浏览器都支持该对象。

    属性说明
    length 返回历史列表中的网址数
    方法说明
    back() 加载 history 列表中的前一个 URL
    forward() 加载 history 列表中的下一个 URL
    go() 加载 history 列表中的某个具体页面

      History 对象最初设计来表示窗口的浏览历史。但出于隐私方面的原因,History 对象不再允许脚本访问已经访问过的实际 URL。唯一保持使用的功能只有 back()forward() 和 go() 方法。

      五、Location 对象

      Location 对象包含有关当前 URL 的信息。

      Location 对象是 window 对象的一部分,可通过 window.Location 属性对其进行访问。

      注意: 没有应用于Location对象的公开标准,不过所有浏览器都支持该对象。

    属性描述
    hash 返回一个URL的锚部分
    host 返回一个URL的主机名和端口
    hostname 返回URL的主机名
    href 返回完整的URL
    pathname 返回的URL路径名。
    port 返回一个URL服务器使用的端口号
    protocol 返回一个URL协议
    search 返回一个URL的查询部分
    方法说明
    assign() 载入一个新的文档
    reload() 重新载入当前文档
    replace() 用新的文档替换当前文档

      六、JavaScript 弹窗

      可以在 JavaScript 中创建三种消息框:警告框、确认框、提示框。

      window.alert("sometext");、window.confirm("sometext");(返回值为true或者false,通过变量接收)、window.prompt("sometext","defaultvalue");(返回一个字符串,通过变量接收)。 为换行。

      七、JavaScript 计时器

      通过使用 JavaScript,我们有能力作到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。

      在 JavaScritp 中使用计时事件是很容易的,两个关键方法是:setInterval() - 间隔指定的毫秒数不停地执行指定的代码。setTimeout() - 暂停指定的毫秒数后执行指定的代码。

      语法:var intervalVariable=window.setInterval("javascript function",milliseconds);要想终止计时事件,使用window.clearInterval(intervalVariable)

      var timeoutVariable=window.setTimeout("javascript 函数",毫秒数);清除事件使用window.clearTimeout(timeoutVariable)。

      八、JavaScript Cookies

      首先补充escape函数:用于返回一个字符串的转义或编码字符串。使用unescape()进行解码。该方法不会对 ASCII 字母和数字进行编码,也不会对下面这些 ASCII 标点符号进行编码: * @ - _ + . / 。其他所有的字符都会被转义序列替换。该函数的工作原理是这样的:通过找到形式为 %xx 和 %uxxxx 的字符序列(x 表示十六进制的数字),用 Unicode 字符 u00xx 和 uxxxx 替换这样的字符序列进行解码。ECMAScript v3 反对使用该方法,应用使用 decodeURI() 和 decodeURIComponent() 替代它。

      语法:document.cookie="username=John Doe; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";使用该语句并不会清空当前的cookies,而是直接添加上面的cookie。第一个分号之前的为cookie键值对,第二个为过期时间,第三个为属于哪个地址。

      读取cookies的方法为var x = document.cookie;获取的是字符串类型。

      修改cookies的方法为document.cookie="username=John Smith; expires=Thu, 18 Dec 2013 12:00:00 GMT; path=/";旧的 cookie 将被覆盖。

      删除cookie的方法是设置 expires 参数为以前的时间,即马上过期。过期的cookie会被自动删除。

      注意:document.cookie 属性看起来像一个普通的文本字符串,其实它不是。即使您在 document.cookie 中写入一个完整的 cookie 字符串, 当您重新读取该 cookie 信息时,cookie 信息是以名=值对的形式展示的,不同的键值对用分号和回车分割。如果您设置了新的 cookie,旧的 cookie 不会被覆盖。 新 cookie 将添加到 document.cookie 中(所以不存在同名的cookie)。

  • 相关阅读:
    Codeforces Gym 101138 D. Strange Queries
    BZOJ 4236: JOIOJI
    BZOJ 2654: tree
    POJ 1390 Block
    2048
    BZOJ 2412: 电路检修
    BZOJ 2448: 挖油
    BZOJ 3907: 网格
    Codeforces 727 D T-shirts Distribution
    BZOJ 1485: [HNOI2009]有趣的数列
  • 原文地址:https://www.cnblogs.com/guangshan/p/4219036.html
Copyright © 2020-2023  润新知