一篇让你明白什么是浏览器BOM方法的笔记
BOM Browser Object Model 浏览器对象模型
虚拟机 ,任何语言编辑的程序都需要一个虚拟机来执行。如果脱离这个环境就无法运行。 浏览器就是一种虚拟机。用来解析html语言
同一款浏览器,在不同系统中,属性值是不同的
同一个系统,不同浏览器,属性都不同
BOM是有兼容问题
BOM属于树型结构。 BOM的根就是Window
DOM的根是Document //DOM的根就是BOM的根下的一个属性
BOM的主要方法:
1 Window.doucment // Document 文档
Window.Location // 本地信息
Window.history // 历史 浏览器前进后退
Window.screen // 屏幕
Window.navigator // 浏览器信息
window的属性方法
1. open() //弹窗,设置弹出的网页地址,宽度高度等信息。
2. close() //关闭浏览器
3. innerWidth 、innerHeight //浏览器的宽度 包含滚动条宽度, 高度是文档的高度
4. outerWidth 、outerHeight //如果全屏宽度一样,如果不是全屏,则包含阴影宽度,
//高度是整个浏览器的高度。
5. screenLeft、 screenTop
screenX、 screenY //上下两组属性完全相同 浏览器窗口距离屏幕左上角的距离, 只读数据,无法进行修改
location的属性方法
1. location.reload(); //重载(刷新)当前页面
2. location.href="" //跳转到特定网址 可以设置获取网址信息 产生历史记录
3. location.assign("")//跳转页面 无法获取网址信息 产生历史记录
4. location.replace("")//跳转网页 无法产生历史记录
>点击按钮跳转页面,
>当服务器返回处理完的数据后台要求页面跳转
5. location.hash //获取锚点名 网页地址#和后面的内容 6. location.search //网址?和后面的内容 ## http://127.0.0.1:5500/test4.html ## 7. location.hostname // 网页域名 127.0.0.1
8. location.port //端口号 5500
9. location.pathname //域名端口号以外的内容 /test4.html
10. location.protoclo //获取网页协议 http:
history 方法
1. history.length //保存浏览器历史记录url数量 初始值为1
2. history.go() //接收一个参数,正数代表向前跳转,负数代表向后跳转
3. history.back() //向后跳转 等同于history.go(-1);
4. history.forward() //向前跳转,等同于history.go(1);
5. history.pushState() //向浏览器历史添加了一个状态。pushState()方法带有三个参数:一个状态对象、一个标题(现在被忽略了)以及一个可选的URL地址 [ history.pushState(state, title, url); ]
6. history.replaceState() //方法的参数与pushState方法一模一样,不同之处在于replaceState()方法会修改当前历史记录条目而并非创建新的条目
screen 属性
1. screen.availWidth //电脑屏幕的宽度
2. screen.availHeight //电脑屏幕的高度
3. screen.width //电脑屏幕的宽度( 去掉底下任务栏 )
4. screen.height //电脑屏幕的高度( 去掉底下任务栏 )
navigator 属性
1. navigator.userAgent //获取浏览器信息
2. navigator.appName //返回浏览器的名称
3. navigator.appVersion //返回浏览器的平台和版本信息
4. navigator.platform //返回运行浏览器的操作系统平台
一篇让你明白什么是浏览器BOM方法的笔记的更多相关文章
- ASP.NET实现推送文件到浏览器的方法
这篇文章主要介绍了ASP.NET实现推送文件到浏览器的方法,可实现将文件推送到浏览器供用户浏览或下载的功能,需要的朋友可以参考下 本文实例讲述了ASP.NET实现推送文件到浏览器的方法.分享给大家供大 ...
- javascript的window.ActiveXObject对象,区别浏览器的方法
(window.ActiveXObject)的作用,用来判断浏览器是否支持ActiveX控件,如果支持ActiveX控件,我们可以利用var xml=new ActiveXObject("M ...
- js/jquery判断浏览器的方法小结
在网站前端开发中,浏览器兼容性是前端开发框架要解决的第一个问题,要解决兼容性问题就得首先准确判断出浏览器的类型及其版本,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道.今天我们把 ...
- js/jquery判断浏览器的方法总结
JS获取浏览器信息浏览器代码名称:navigator.appCodeName浏览器名称:navigator.appName浏览器版本号:navigator.appVersion对Java的支持:nav ...
- 笔记:1.css样式,最前边加 @charset "utf-8";是为什么2.js判断各种浏览器的方法
表明CSS文件的页面编码为UTF-8..如果这个CSS的文件编码也是UTF-8的话..那么在浏览器中看到的CSS文件的页面中中文的注释或者中文字体就可以正确显示为中文,如果CSS的文件编码和页面不一致 ...
- Opera浏览器测试移动端网站和模拟手机浏览器的方法
链接地址:http://www.neirong.org/post-256.html?utm_source=tuicool Chrome浏览器请看:Chrome浏览器测试移动端网站和模拟手机浏览器的方法 ...
- js常见的判断移动端或者pc端或者安卓和苹果浏览器的方法总结
1.js常见的判断移动端或者pc端或者安卓和苹果浏览器的方法总结 : http://www.haorooms.com/post/js_pc_iosandmobile 2.Js判断客户端是否为PC还是手 ...
- python 打开浏览器的方法 Python打开默认浏览器
一.python 打开浏览器的方法: . startfile方法(打开指定浏览器) import os os.startfile("C:\Program Files\internet exp ...
- 排错-Loadrunner录制打不开浏览器解决方法
排错-Loadrunner录制打不开浏览器解决方法 by:授客 QQ:1033553122 问题描述: 采用自带的web测试站点http://127.0.0.1:1080/WebTours/,进行录制 ...
随机推荐
- HTML、CSS笔记
盒模型 在CSS中,使用标准盒模型描述这些矩形盒子中的每一个.这个模型描述了元素所占空间的内容.每个盒子有四个边:外边距边, 边框边, 内填充边 与 内容边. 在标准模式下,一个块的总宽度= widt ...
- OC和C++混编需要注意的问题
文章首发于github.io 2018-12-17 21:01:55 方案一 1. .c文件的identify and type右边栏修改为Objective-C source 2. Built se ...
- selenium 爬boss
# 有问题 from selenium import webdriver import time from lxml import etree class LagouSpider(object): d ...
- linux ftp服务器设置,只允许用户访问指定的文件夹,禁止访问其他文件夹
在Linux中添加ftp用户,并设置相应的权限,操作步骤如下: 1.环境:ftp为vsftp.被限制用户名为test.被限制路径为/home/test 2.建用户:在root用户下: useradd ...
- [日志分析]Graylog2进阶之获取Nginx来源IP的地理位置信息
如果你们觉得graylog只是负责日志收集的一个管理工具,那就too young too naive .日志收集只是graylog的最最基础的用法,graylog有很多实用的数据清洗和处理的进阶用法. ...
- 爬虫前奏——代理ip的使用
如果同一个IP短时见内多次访问统一网页,可能会被系统识别出是爬虫,因此使用代理IP可以很大程度上解决这一问题 常用的代理有: 西刺免费代理:www.xicidaili.com 快代理:www.kuai ...
- (转)协议森林03 IP接力赛 (IP, ARP, RIP和BGP协议)
协议森林03 IP接力赛 (IP, ARP, RIP和BGP协议) 作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 网络层(net ...
- 浅谈CSRF(跨站请求伪造)攻击方式
一.CSRF是什么? CSRF(Cross-site request forgery),中文名称:跨站请求伪造,也被称为:one click attack/session riding,缩写为:CSR ...
- NLP(二十七)开放领域的三元组抽取的一次尝试
当我写下这篇文章的时候,我的内心是激动的,这是因为,自从去年6月份写了文章利用关系抽取构建知识图谱的一次尝试 后,我就一直在试图寻找一种在开放领域能够进行三元组抽取的办法,也有很多读者问过我这方面 ...
- 聊一聊 React 中的 CSS 样式方案
和 Angular,Vue 不同,React 并没有如何在 React 中书写样式的官方方案,依靠的是社区众多的方案.社区中提供的方案有很多,例如 CSS Modules,styled-compone ...