javascriptBOM基本知识

mac2022-06-30  57

1.BOM(Bowser Object Model浏览器对象模型)

  浏览器创建的对象通常称作文档(Document)对象,它是浏览器使用的众多对象的一部分,浏览器操作的对象结合起来称作浏览器对象模型(Bowser Object Mode),简称BOM

2.window 对象是顶层对象,它包含了有关文档的窗口信息

2.1 document对象

document对象集合 anchors[]      //锚地对象数组images[]       //图片对象数组links[]           //连接对象数组form[]           // 表单对象数组document对象属性 cookie           //设置或返回当前文档有关的所有cookiedomain         //返回当前文档的域名,用于安全目的,字符串类型referrer         //返回载入当前文档的URLtitle              // 返回当前文档的标题URL             //返回当前文档的URLbgColor        //设置文档的背景颜色fgColor         //设置文档的前景颜色linkColor       //设置未访问连接颜色vlinkColor     //设置已访问连接颜色document对象方法 open()          //打开一个新的文档,并擦除旧文档内容close()          //关闭open()打开的文档输出流write()          //向当前文档插入字符串或在open()打开文档末尾添加字符串writeln()        //与write()相同,只是在输出字符串末尾添加回车换行字符串

2.2 screen对象(显示器对象)

screen对象属性 availHeight   // 屏幕可用高度,单位:pxavailWidth   //屏幕可用宽度 height         //屏幕高度 width          // 屏幕宽度 colorDepth  //颜色深度,使用像素位数表示

 

2.3 location对象(位置对象)

location对象属性 hash                //设置或返回从#开始的URLhost                //设置或返回主机名和当前URL端口号hostname        //设置或返回当前URL的主机名href                //设置或返回完整的URLpathname        //设置或返回当前URL的路径部分Port                //设置或返回当前URL的端口部分protocol          //设置或返回当前URL的协议search            //设置或返回从?开始的URLlocation对象的方法 reload(force)   //重新加载当前页面,参数force是可选参数,其值为true时,强制完成加载replace(url)     //使用指定URL替换当前页面,但不在浏览器历史中产生新的登记项,这是该方法与为href属性赋值的不同之处assign(URL)    // 加载新的文档

2.4 history对象(历史对象)

history对象方法 back()            // 返回到用户刚访问过的页面forward()       // 返回下一个页面go(n)            //  跳转到相对于当前页面的第n个URL表示的页面,正值表示前进,负值表示后退。go(-1)等价于back()

2.5 窗口控制

moveBy(dx,dy)                   //将窗口从当前位置移动指定的距离moveTo(x,y)                      //将当前窗口移动到指定位置resizeBy(dw,dh)                 // 将窗口缩放指定的量resizeTo(width,height)        //将窗口大小修改为指定的宽度和高度scrollBy(dx,dy)                   //将窗口内容滚动指定的量scrollTo(x,y)                      //将窗口内容滚动到指定位置

2.6 焦点控制

focus   //得到焦点blur     //移除焦点

2.7 打开和关闭窗口

打开窗口 语法:open("URL","窗口名称","窗口风格")功能:打开一个行的窗口,并在窗口中载入指定URL地址的页面窗口风格:height(窗口高度) 、width(窗口宽度)、left(窗口左坐标)、top(窗口上坐标)、location(yes |no)是否显示地址栏、menubar(yes |  no) 是否显示菜单栏、resizable(yes |  no) 是否可以改变窗口大小、scrollbars(yes  |no)  是否允许出现滚动条、status(yes  |no)  是否允许显示状态栏、toolbar(yes |no)是   否显示工具栏关闭窗口 close()功能:自动关闭窗口

2.8 定时器

setTimeout(执行代码,毫秒数)               //到了指定的毫秒数,自动执行功能代码clearTimeout(定时器)                           //取消由setTimeout()设置的定时器setInterval(重复执行代码,毫秒数)          //按指定周期重复执行功能代码clearInterval(时间间隔器)                      // 取消由setInterval()设置的时间间隔器

2.9 对话框 

alert("提示字符串")                         //弹出一个警告框,在警告框中显示提示字符confirm("提示字符串")                     // 弹出一个确认框,在确认框中显示提示字符,当用户点击”确认“按钮时返回true,点击”取消“时返回falseprompt("提示字符串","缺省文本")     //弹出一个输入框,在输入框中显示提示字符串,在输入文本框中显示缺省文本,并等待用户输入,当用户点击"确定"返回用                                                        户输入字符串,点击"取消",返回null

2.10 属性

状态栏 defaultStatus               //改变浏览器状态栏默认显示status                         //临时改变浏览器状态栏显示窗口位置 IE浏览器   scrollLeft  |  scrollTop                                                                                               //窗口左上角X坐标,Y坐标document.documentELement.scrollLeft/scrollTop  或document.body.scrollLeft/scrollTop   //当前文档向右、向下滚动的像素Firefox浏览器 innerHeight  |    innerWidth          //返回窗口的文档显示区的高度和宽度(不包括菜单栏、工具条、滚动条)  单位:pxoutHeight    |     outWidth           //返回窗口总的高度和宽度(包括菜单栏、工具条、滚动条)  单位:px!IE浏览器 screenX   |    screenY           //窗口左上角X坐标、Y坐标pageXoffset  |pageYoffset    //当前文档向右、向下滚动的像素 其他属性 name       //设置或返回窗口名称self          // 返回对当前窗口的引用closed      // 当窗口关闭时返回trueopener 

2.11 navigator对象(导航器对象)

navigator对象属性 appCodeName       //返回浏览器的代码名appNode               //返回浏览器名称appVersion           //返回浏览器平台和版本信息cookieEnabled       //返回浏览器中是否启用cookie的布尔值,打开时,其值为true,否则为falseplatform               //返回浏览器运行的操作系统平台userAgent            //返回浏览器在HTTP请求中使用的用户代理首部的值navigator对象方法 javaEnabled()        //如果浏览器支持java,并打开了对java的支持则返回true,否则返回false

转载于:https://www.cnblogs.com/duduSunny/p/4118747.html

相关资源:JAVA上百实例源码以及开源项目
最新回复(0)