zoukankan      html  css  js  c++  java
  • 浏览器对象模型BOM(Browser Object Mode)

     

    BOM主要处理浏览器窗口和框架,不过通常浏览器特定的JavaScript扩展都被看作BOM的一部分。这些拓展包括:

    1. 弹出新的浏览器窗口、移动、关闭浏览器窗口及调整窗口大小;

    2. 提供WEB浏览器详细信息的导航对象;

    3. 提供装载到浏览器中页面的详细信息的定位对象;

    4. 提供用户屏幕分辩率详细信息的屏幕对象;

    5. 对cookie的支持。

    一、window对象:

    1. 窗口操作:

    moveBy(dx,dy):把浏览器窗口相对当前位置水平移动x个像素,垂直移动y个像素。

    moveTo(x,y):移动浏览器窗口,使它们的左上角位于用户屏幕的(x,y)处。

    resizeBy(dw,dh):相对于浏览器窗口的当前大小,把它的宽度调整x个像素,高度调整y个像素。

    resizeTo(w,h):把窗口的宽度调整为x,高度调整为y。不能为负数。

    ★IE提供了window.screenLeft和window.screenTop对象来判断窗口的位置。document.body.offsetWidth和document.body.offsetHeight属性可获取视口大小。

    ★Mozilla提供了window.screenX和window.screenY属性判断窗口的位置;windows.innerWidth和windows.innerHeight属性来判断视口的大小;window.outerWidth和window.outerHeight属性判断浏览器窗口自身的大小。

    2. 导航和打开新窗口:

    打开新窗口:window.open("新窗口的URL","名字","特性字符串");

    各种设置:

    Left:窗口的左坐标,不能为负数;

    Top:窗口的上坐标,不能为负数;

    Height:窗口的高度,不能小于100;

    Width:窗口的宽度,不能小于100;

    Resizable:判断窗体是否能拖动,默认为no;

    Scrollable:判断窗体不要显示内容时是否滚动,默认为no;

    Toolbar:判断是否显示工具栏,默认为no;

    Status:判断是否显示状态栏,默认为no;

    location:断是否显示地址栏,默认为no。

    关闭自身窗体:window.close();

    3. 系统对话框:

    警告框:alert("XXX");  

    确认框:confirm("XXX");    

    输入框:prompt("'XXX") 

    4.状态栏

    window.defaultStatus=”XXXXXX”

    wingdow.status=”XXXXXX”

    5. 时间间隔和暂停:

    setTimeout();等待XX毫秒后执行.

    clearTimeout();取消

    setInterval(); 等待XX毫秒后执行

    clearInterval();取消

    6. 历史:

    后退一页:window.history.go(-1);或history.back()

    前进一页:window.history.go(1); 或history.forward()

    二、document对象:

    document对象的一些通用属性:

    1. lastModified:最后修改的日期,是字符串;

    2. referrer:浏览器历史中后退一个位置的URL;

    3. title:标签中显示文本;

    4.URL:当前载入的页面的URL。

    改变框架标题:top.document.title=”新的页面标题”;

    如把窗口导航到新页面:

    document.URL = "http://www.baidu.com";

    document对象的集合:

    anchors:页面中所有锚的集合;

    applets:页面中所有applet的集合;

    embeds:页面中嵌入式对象的集合;

    forms:页面中所有表单的集合;

    images:页面中所有图像的集合;

    links:页面中所有超链接的集合。

    用document.links[0]访问超链接;

    用document.images[0]或document.images["imgHome"]访问图像;

    用document.forms[0]或document.forms["frmSubscribe"]访问表单.

    三、location对象:

    hash:如果URL包含#,该方法将返回#之后的内容;

    host:服务器名字;

    hostname:等于host;

    href:当前载入页面完整的URL;

    pathname:URL中主机名后的部分;

    port:URL中声明的请求的端口;

    protocol:URL使用的协议;

    search:查询字符串;

    重新载入当前页面:location.reload().

    四、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对象

    avaiHeight:窗口可以使用的高度;

    avaiWidth:窗口可以使用的宽度.

    colorDepth:用户表示颜色的位数;

    height:屏幕高度;

    width:屏幕宽度。

  • 相关阅读:
    安卓Dialog setCanceledOnTouchOutside(ture) 无效问题
    com.android.org.bouncycastle.jce.exception.ExtCertPathValidatorException,OkHttp时间戳校验问题
    安卓recyclerView 分割线的那些事
    安卓小知识
    安卓GridView奇偶行不同颜色
    安卓加载网络图片OOM问题解决
    安卓使用TextView实现图片加文字说明
    内置模块
    递归
    内置函数
  • 原文地址:https://www.cnblogs.com/p719027365/p/3966869.html
Copyright © 2011-2022 走看看