• BOM常用属性与方法


    BOMBrowser Object Model
    window浏览器窗口
    window方法
    location
    location常用属性
    screen显示器屏幕
    screen常用属性
    navigator浏览器软件
    navigator常用属性
    history浏览历史
    history常用属性
    history常用方法

    主要包括以下几个:


    window(浏览器窗口)
    浏览器窗口对象,主要属性有:

    name:指浏览器窗口的名字或框架的名字。这个名字是给a标记的target属性来用的。设置窗口的名字:window.name = “newWin” 获取窗口的名字:document.write(name);
    top:代表最顶层窗口。如:window.top
    parent:代表父级窗口,主要用于框架。
    self:代表当前窗口,主要用于框架中。
    innerWidth:指浏览器窗口的内宽(不含菜单栏、工具栏、地址栏、状态栏),该属性chrome支持。
    在IE下,使用
    document.documentElement.clientWidth 来代替 window.innerWidth
    1
    innerHeight:指浏览器窗品的内高(不含菜单栏、工具栏、地址栏、状态栏),该属性chrome支持。
    在IE下,使用

    document.documentElement.clientHeight 来代替
    window.innerHeight
    1
    2
    3
    举例:
    document.documentElement 就是html标记对象
    document.body 就是标记对象

    window方法
    alert():弹出一个警告对话框。
    prompt([text],[defaulttext]):弹出一个输入对话框。
    confirm(text):弹出一个确认对话框。如果单击“确定按钮”返回true,如果单击“取* * 消”返回false。 text:要显示的纯文本
    close():关闭窗口
    print():打印窗口
    open([url],[name],[options]):打开一个新窗口
    延时器:window.setTimeout(“code”,1000);// code一般是一个函数,但是放在双引号下,1000ms
    返回值是延时器的id,给clearTimeout使用
    定时器:window.setInterval(“code”,1000);// code一般是一个函数,但是放在”“下,1000ms
    返回值是定时器的id,给clearInterval使用
    location
    location常用属性
    href:获取地址栏中完整的地址。可以实现JS的网页跳转。location.href = “http://www.sina.com.cn”;
    host:主机名
    hostname:主机名
    pathname:文件路径及文件名
    search:查询字符串。
    protocol:协议,如:http://、ftp://
    hash:锚点名称。如:#top
    reload([true]):刷新网页。true参数表示强制刷新
    注意:所有的属性,重新赋值后,网页将自动刷新

    screen(显示器屏幕)
    screen常用属性:
    Width:屏幕的宽度,只读属性。
    Height:屏幕的高度,只读属性。
    availWidth:屏幕的有效宽度,不含任务栏。只读属性。
    availHeight:屏幕的有效高度,不含任务栏。只读属性。
    navigator(浏览器软件)
    navigator常用属性:
    appName:浏览器软件名称,主要用来判断客户使用的是什么核心的浏览器。
    如果是IE浏览器的话,返回值为:Microsoft Internet Explorer
    如果是Firefox浏览器的话,返回值为:Netscape
    appVersion:浏览器软件的核心版本号。
    systemLanguage:系统语言
    userLanguage:用户语言
    platform:平台
    history(浏览历史)
    history常用属性
    length:历史记录的个数
    history常用方法
    go(n):同时可以实现“前进”和“后退。”
    1. history.go(0) 刷新网页
    2. history.go(-1) 后退
    3. history.go(1) 前进一步
    4. history.go(3) 前进三步
    forward():相当于浏览器的“前进”按钮
    back():相当于浏览器的“后退”按钮


    版权声明:本文为博主原创文章,转载请附上博文链接!

  • 相关阅读:
    bugfree3.0.1-修改“优先级”为中文引起的PHP Error
    【vue】vue单元测试:karma+mocha
    【node】node的核心模块---http模块,http的服务器和客户端
    【node】fs模块,文件和目录的操作
    【webpack】从零开始学webpack
    【vue】webpack插件svg-sprite-loader---实现自己的icon组件
    【vue】vue的路由权限管理
    【node】用koa搭建一个增删改服务(一)
    【小程序】小程序之发送模板消息
    【小程序】返回顶部wx.pageScrollTo和scroll-view的对比
  • 原文地址:https://www.cnblogs.com/web-chuanfa/p/11147943.html
Copyright © 2020-2023  润新知