BOM基础部分

打开、关闭窗口

•open

–蓝色理想运行代码功能

•close

–关闭时提示问题

常用属性

•window.navigator.userAgent

•window.location

窗口尺寸、工作区尺寸

•可视区尺寸

–document.documentElement.clientWidth

–document.documentElement.clientHeight

滚动距离

–document.body.scrollTop

–document.documentElement.scrollTop

常用方法和事件

l系统对话框

•警告框：alert(“内容”)，没有返回值

•选择框：confirm(“提问的内容”)，返回boolean

•输入框：prompt()，返回字符串或null

window对象常用事件

•onload 窗口js加载

•onscroll 窗口滚动条

•onresize 窗口改变大小后触发

•例子：回到顶部按钮、侧边栏广告

–闪烁问题

时间： 2024-10-23 23:05:41

BOM基础部分的相关文章

BOM基础（四）

最近写的文章感觉内容不像之前那么充实,内容可能也有点杂.对于DOM,和BOM来说,要理解是不难的,难的是做的时候.要自己想的到,而且,对于目前阶段来说,BOM还存在着很大的兼容性问题,最主要就是要兼容ie8.不过说实在的,用不了多久,ie8也差不多被淘汰了,新版本的ie浏览器对标准属性兼容性还是很好的.不过接下来要说的主题还是BOM中的一些内容.前一篇文章中主要讲了两种注册事件的方式和事件参数.本文主要讲如何移除事件,事件的冒泡. 首先讲讲移除事件,移除事件用的是removeEventListe

【JavaScript】BOM基础总结

javascript看了也一段时间了,前面讲的是基础的知识,还是很好理解的,后面的内容有些也很基础,像BOM,都是介绍的javascript的基础内容,下面对它进行一下小小的总结. 先来一张小图: 一.BOM基础 BOM是browser object model的缩写,简称浏览器对象模型.它提供了很多对象,用于访问浏览器的功能,也就是对浏览器进行操作的.浏览器又显示的内容,而BOM就是承载着我们看到内容的一个载体.BOM定义了JavaScript可以进行操作的浏览器的各个功能部件的接口,提供访问

BOM基础笔记

BOM基础 BOM对浏览器的一些操作 1.打开.关闭窗口 •open –蓝色理想运行代码功能 window.open('http://www.baidu.com/', '_self'); <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <script> window.onload=function ()

BOM基础（一）

学完了js的基础语法和DOM之后,就要要看看javascript中最后一项BOM了.BOM,全称brower document model,翻译过来就是浏览器对象模型.DOM是文档对象模型,属于BOM中的很重要的一部分.而BOM除了包含DOM之外,还有很对其他的对象.我们所说的BOM就是整个浏览器,他除了展示给我文档对象模型之外(也就是展示的页面),还有地址栏,前进后退和刷新之类的.这些东西合起来就是BOM了.我们知道,DOM是一些用来操作页面元素的API,而BOM操作的则是浏览器. 说到BOM

BOM基础（二）

跟DOM一样,BOM其实也是由很多的API组成. 不过对于BOM来说,最痛苦的不是不记得API,而是明明记得这个这个API,却没有考虑到它的兼容性. 之前的文章中讲到了offset系列的属性,他的宽高是由border,padding和width组成的.而它的offsetLeft和offsetTop则是相对于offsetParent的距离.这里的offsetParent指的是子盒子有定位的父级元素,而如果子盒子没有有定位的父级元素,那么它的offsetParent就是body.讲过了offset系

Bom基础-window对象

一.window对象 1.window对象(全局对象) -BOM是Browser Object Model的缩写,是浏览器对象模型 -核心是window对象,所有的全局变量和全局函数都被归在了window上 2.window对象方法(alert-confirm-prompt) - \n够让alert .confirm等弹出框上的提示文字实现换行 (1)alert -语法:window.alert("content") -功能:显示带有一段消息呵饿一个确认按钮德尔警告框 (2)co

BOM基础（三）

在我之前关于DOM的文章里,其实已经有提到过事件的概念.在讲事件之前,首先要知道的就是javascript是由事件驱动的.什么叫事件驱动呢?打个比方,比如我们在页面中点击一个按钮,才会跳出一个窗口或者一句话,又或者说,我们鼠标滚轮移动的时候,出现了一些动画之类的,这就是事件驱动.那什么是事件呢?事件本质上来说就是个触发和响应的过程.事件有三部分组成:事件源,事件名和事件处理函数.所谓事件源,就是触发事件的对象,事件名则是触发了什么事件,事件处理函数则是事件触发后索要执行的函数.比如下述代码 bt

第十六节 BOM基础

打开.关闭窗口 open:蓝色理想运行代码功能 1 <button onclick="window.open('http://www.baidu.com')">打开窗口</button> 2  3 <a href="http://www.baidu.com">百度</a> 1 <!DOCTY

对bom基础的查询

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