js——BOM

BOM:Browser Object Model  浏览器对象模型

  open(页面的地址url,打开的方式) :方法  打开一个新的窗口(页面)

    如果url为空,折磨人打开一个空白页面

    如果打开方式为空,默认为新窗口方式打开

    返回值:返回新打开窗口的window对象

  close():方法  关闭窗口

      1、fireFox:默认无法关闭

      2、chrome:默认直接关闭

      3、ie:询问用户

      可以关闭在本窗口中通过js方法打开的新窗口,浏览器均兼容!

  window.navigator.userAgent : 浏览器信息

  window.location : 浏览器地址信息

    window.location.href = window.location内容

    window.location.search = url?后面的内容

    window.location.hash = url#后面的内容

  window.status:设置或返回窗口状态栏中的文本

 

  可视区尺寸:  //**无兼容问题

    document.documentElement.clientWidth

    document.documentElement.clientHeight

  滚动距离:

    document.body.scrollTop/scrollLeft    //**chrome认为滚动距离是针对body的,所以使用这个

    document.documentElement.scrollTop/scrollLeft   //**chrome存在问题

    如果使用可以这样:var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

  内容高度:

    元素.scrollHeight   //**获取元素内部内容的实际高度

  文档高度:

    document.documentElement.offsetHeight  //存在兼容问题

    document.body.offsetHeight   //当body去除padding和margin后,浏览器表现一致,推荐使用这个

                    ie如果内容没有可视区高,那么文档高就是可视区高

  onscroll:当滚动条滚动的时候触发

  onresize:当窗口大小发生变化的时候触发

时间: 2024-10-08 14:20:34

js——BOM的相关文章

JS BOM简列

JS BOM BOM 也叫浏览器对象模型,它提供了很多对象,用于访问浏览器的功能.BOM 缺少规范,每个浏览器提供商又按照自己想法去扩展它,那么浏览器共有对象就成了事实的标准.所以,BOM 本身是没有标准的或者还没有哪个组织去标准它. window对象BOM 的核心对象是window,它表示浏览器的一个实例.window 对象处于JavaScript 结构的最顶层,对于每个打开的窗口,系统都会自动为其定义window 对象. Window 对象表示浏览器中打开的窗口.如果文档包含框架(frame

JavaScript学习总结【6】、JS BOM

1.BOM简介. 所谓的BOM即浏览器对象模型(Browser Object Model).BOM赋予了JS操作浏览器的能力,即window操作.DOM则用于创建删除节点,操作HTML文档.BOM尚无正式的标准,导致各浏览器对于BOM方法的支持各有不同,因此需要具体问题具体对待. 2.window对象. window对象是BOM的核心,window对象指当前的浏览器窗口.所有JS全局对象.函数以及变量都属于window对象.全局变量是window对象的属性.全局函数是window对象的方法.甚至

JS BOM和DOM

一.BOM 1.location对象 location.href 获取URL location.href="URL" // 跳转到指定页面 location.reload() 重新加载页面 2.弹出框 alert(); 3.计时相关 一次性 var t=setTimeout("JS语句",毫秒) 周期 setInterval("JS语句",时间间隔) 二.DOM 创建节点 var divEle = document.createElement(&

js BOM(一)window、location、history、navigator、定时器setInterval

目录: 1.BOM介绍    * JavaScript分三部分        - ECMAScript标准:JS的基本语法        - DOM:Document object Model  文档对象模型--操作页面的元素        - BOM:Browser Object Model 浏览器对象模型--操作的是浏览器 * 浏览器中有个顶级对象:window      页面中顶级对象:document,页面中所有的内容都是属于浏览器的,页面中的内容也都是window的          

JS BOM(浏览器对象)

BOM即浏览器对象模型,它包括如下一些对象! (一)screen对象,Screen 对象中存放着有关显示浏览器屏幕的信息. 常见的属性有: availHeight:返回显示屏幕的高度 availWidth:返回显示屏幕的宽度 colorDepth:返回目标设备或缓冲器上的调色板的比特深度. height:返回屏幕区域的实际高度 width:返回屏幕区域的实际宽度 (二)Window对象,Window 对象表示一个浏览器窗口或一个框架. 常见方法: (1)窗口的打开与关闭: window.open

js BOM &&事件

复习 表格: table.tHead.rows[0].cells table.tBodies[0].rows[0].cells table.tFoot.rows[0].cells 表单 form.username form.password form.sex [radio,radio] input : onfocus onblur focus() blur()form: onsubmit onreset submit() reset() 元素尺寸位置 client: clientWidth 宽度

JS——BOM(Windows对象)

BOM(Browser Object Model) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的.可以与浏览器窗口进行互动的对象结构.BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象.(摘自——百度百科) 1.确认框(confirm),当确认框弹出时可以选择点击“确认”或“取消”,当点击确认时返回“true”,点击取消时返回“false”: <!DOCTYPE html> <htm

js bom中浏览器兼容问题判断代码

var btn = document.getElementById('d1');if(addEventListener===undefined){ btn.attachEvent('onclick',function () { alert('版本小于IE8') })}else{ btn.addEventListener('click',function () { alert('其他版本浏览器') },false)}

JS BOM(html)

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 7 <style type="text/css"> 8 div{ 9 cursor: pointer; 10 } 11 </style> 12 13 </head> 14 <body> 1