JavaScript BOM 浏览器操作

小鱼儿 2022-05-12 05:54 232阅读 0赞

BOM（ browser  object  model ）浏览器对象模型

window  （等同于top） 顶级对象，页面上所有的内容都是window的

window.name 一个比较特殊的属性。当name 没初始化时，它的值为空，不是undefined 。

window 自带的方法：

.alert（）;          系统弹框 。无法设置样式

.prompt（）；

.comfirm （）；    确认时返回true  ，取消返回false。

缺点：无法设置样式。

location对象：

. host             主机名及端口号

. hostname    主机名

. port              端口号

. pathname     文件的路径（相对路径）

. protocol        协议

. hash      \#及后面的内容

. search   ？后面的搜索内容

. href       要跳转的地址

history对象：

.forward（）

.back（）

.go（）

navigator对象：

.platform       判断当前使用的浏览器的系统平台

.userAgent     判断用户浏览器的类型

定时器                                                                      清除定时器

var  idd =  setInterval(  函数  , 延迟时间 );             clearInterval(  要清除的Id号);

var   id  = setTimeout（函数  , 延迟时间）            clearTimeout（清除的id号） 这个定时器是一次性的但是仍要清除它，占空间

style标签中设置的样式属性获取不到<style>  </style>

style属性中设置的样式属性是可以获取到的  style=" width =300px ;"

offset获取元素样式：

offsetWidth:获取元素的宽

offsetHeight:获取元素的高  
offsetLeft:获取元素距离左边位置的值

offsetTop:获取元素距离上面位置的值

没有脱离文档流:  
父级元素margin+父级元素padding+父级元素的border+自己的margin  
脱离文档流：  
自己的Left/top和自己的margin

发表评论取消回复

表情：

评论列表（有 0 条评论，232人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript操作BOM

BOM对象的组成及子对象的使用会使用getElementById( )方法访问DOM元素会使用getElementsByName( )方法访问DOM元素会使用getEle...

缺乏、安全感/ 2024年04月29日 11:10/ 0 赞/ 62 阅读

相关 Javascript的HTML BOM(浏览器对象模型)

Javascript的HTML BOM(浏览器对象模型) 一、Window 对象 > 浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话...

逃离我推掉我的手/ 2024年04月20日 11:25/ 0 赞/ 76 阅读

相关 ⑧JavaScript BOM介绍及BOM相关操作

JavaScript BOM介绍 BOM对象 ※ Navigator History L

左手的ㄟ右手/ 2023年07月24日 05:40/ 0 赞/ 7 阅读

相关 JavaScript的DOM和浏览器BOM

一.JavaScript的DOM 1.1概述 > 通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。 > 当网页被加载时，

布满荆棘的人生/ 2023年01月16日 11:24/ 0 赞/ 143 阅读

相关 JavaScript的浏览器对象模型BOM

浏览器 JavaScript一般是运行在浏览器的，所以浏览器的一些信息我们也是需要了解的。主流浏览器(重点) IE 6~11：国内用得最多的IE浏览器，内

Love The Way You Lie/ 2022年06月18日 09:29/ 0 赞/ 252 阅读

相关 HTML-JavaScript操作BOM对象

BOM模型 BOM：浏览器对象模型（Browser Object Model） BOM提供了独立于内容的、可以与浏览器窗口进行互动的对象结构 ![70][] BO

我不是女神ヾ/ 2022年05月12日 07:42/ 0 赞/ 219 阅读

相关 JavaScript BOM 浏览器操作

BOM（ browser object model ）浏览器对象模型 window （等同于top）顶级对象，页面上所有的内容都是window的 window

小鱼儿/ 2022年05月12日 05:54/ 0 赞/ 233 阅读

相关 JavaScript操作BOM

BOM 浏览器对象模型(BOM) ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR

向右看齐/ 2022年04月18日 05:04/ 0 赞/ 211 阅读

相关 JavaScript基础——BOM浏览器对象模型

目录 Window Navigator Location History Screen -------------------- 浏览器对象模型 (B

墨蓝/ 2021年09月25日 00:22/ 0 赞/ 400 阅读

相关 JavaScript操作BOM

BOM概念 BOM是浏览器对象模型的简称（Browser Object Model），BOM尚无正式标准，由于现代浏览器几乎实现了JavaScript交互性方面的相同方法和

悠悠/ 2021年09月14日 02:26/ 0 赞/ 377 阅读