js干货-Bom，Dom事件及各种案例

BOM :
浏览器的一窗口 window 对象
不同的窗口不共享 window
实际上全局变量的和全局函数都属于window对象的自定义属性和方法
window 对象的属性
navigator 浏览器的相关信息
userAgent(字符串) 可以用于判断用户登录的设备

history 访问历史记录
length 这个窗口打开过几个页面
back() 回退一步
forward() 前进一步
go(-1/1/2)

location 地址栏
host 主机+端口号 www.jd.com:80
hostname 主机 /域名 www.jd.com
port 端口号 80
href 显示地址栏的完整信息可获取可设置 ‘https://www.jd.com’
location.href = ‘http://www.baidu.com’
protocal 获取协议 http / https
pathname 路径
search 地址栏中问号后面的一串
reload() 刷新页面不建议过多使用
location.assign(url) 替换当前文档可以被历史记录
location. replace(url) 替换当前文档不会被历史记录

location.reload() ==> 取值 ture false 不取值默认为false
true ==> 刷新页面不使用缓存
false ==> 刷新页面使用缓存

location.reload()//  一直会刷新页面setTimeout(function () {// location.href = 'http://www.baidu.com'// location.assign('http://www.baidu.com')location.replace()}, 3000)

document (dom就是bom的一部分）
host 主机+端口号 www.jd.com:80

console.log(document);// doctype 文档声明console.log(document.doctype);// documentElement 文档的根对象htmlconsole.log(document.documentElement);console.log(document.body);console.log(document.head);console.log(document.title);setTimeout(function () {// title属性可读可写document.title = '百度一下'}, 2000)// console.log(document.div);   // undefined自由属性可以，div不是一个页面中必须的，所以undefined

window的方法
open（）打开新窗口
window.open(url,name,窗口的特征）返回值：被打开的窗口
close（）关闭窗口
scollBy(x,y) 滚动条单位像素移动
scollTo(x,y) 滚动条单位像素达到

window事件即BOM事件

js干货-Bom，Dom事件及各种案例相关推荐

js中的DOM事件之冒泡和捕获事件详解
DOM中的事件是一个很中要的东西,它可以让用户和浏览器之间进行交互,以此来实现人机交互效果 DOM事件 DOM事件分为DOM0级事件和DOM2级事件.DOM0级其实不存在,我们把DOM最初的版本叫0级 ...
自学js第十二天:DOM概念和基础操作
Web API 总结1: dom文档树的作用,就是把网页全部内容转为一个个js节点对象去操作 , 因此dom的文档树的内部组成就是有许多叶子node节点对象.分别有七种类型的叶子包含网页全部内容都有对 ...
day03_js学习笔记_03_js的事件、js的BOM、js的DOM
day03_js学习笔记_03_js的事件.js的BOM.js的DOM ================================================================ ...
JS+BOM+DOM汇总
文章目录前言:JavaScript的发展史第一章:BOM 1.1.概念 1.2.组成:window.Navigator.Screen. History.Location 1.3.方法第二章:DO ...
【JS 逆向百例】DOM事件断点调试，某商盟登录逆向
文章目录声明逆向目标 DOM 简介逆向过程完整代码 JavaScript 加密关键代码架构 Python 登录关键代码关注微信公众号:K哥爬虫,QQ交流群:808574309,持续分享爬虫进 ...
【JS 逆向百例】DOM 事件断点调试，某商盟登录逆向
文章目录声明逆向目标 DOM 简介逆向过程完整代码 JavaScript 加密关键代码架构 Python 登录关键代码声明本文章中所有内容仅供学习交流,抓包内容.敏感网址.数据接口均已做脱 ...
JS之BOM和DOM(来源、方法、内容、应用)
1.Javascript组成(此文为转载) JavaScript的实现包括以下3个部分: 1)核心(ECMAScript):描述了JS的语法和基本对象. 2)文档对象模型 (DOM):处理网页内容的方 ...
前端JavaScript之DOM事件操作~都是干货
下面是对DOM操作事件的整理,希望可以帮助到有需要的小伙伴~ 文章目录 DOM事件操作 JavaScript的基础事件代码书写步骤 1.获取绑定事件的元素 2.绑定事件 3.编写事件注意事项 D ...
JS中的DOM与BOM
一.Javascript组成 JavaScript的实现包括以下3个部分: ECMAScript(核心) 描述了JS的语法和基本对象. 文档对象模型 (DOM) 处理网页内容的方法和接口浏览器对象模 ...

js干货-Bom，Dom事件及各种案例

js干货-Bom，Dom事件及各种案例相关推荐

最新文章

热门文章