js_BOM

乖女子@@@

已于 2022-10-12 19:39:34 修改

阅读量107

点赞数

分类专栏： javascript 文章标签： javascript 前端 html

于 2021-03-22 19:46:13 首次发布

本文链接：https://blog.csdn.net/qq_43260366/article/details/115093765

版权

javascript 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

Window对象

定义

window对象是最顶级的对象，一个浏览器窗口就是一个window对象，主要使用来操作浏览器窗口内容的。

属性

使用var定义的全局变量

所有(使用var)定义的全局变量都是window对象的属性。

let aaa=111
console.log(window.aaa) // undefined

var bbb=111
console.log(window.bbb) // 111

navigator对象

navigator对象是window对象的属性，作用是保存浏览器的相关信息

浏览器版本
- navigator.appVision
浏览器名
- navigator.appName
浏览器代码名
- navigator.appCodeName

history对象

history对象是window对象的属性，作用是保存浏览器窗口访问过的信息

history.back()
- 后退到上一个浏览的页面，如果该页面是第一个打开的，则无效果
history.forward()
- 前进到下一个浏览页面，如果该页面是第一个打开的，则无效果

location对象

location对象是window对象的属性，作用是获取url的相关信息。

document对象

document对象是window对象的属性，作用是返回该窗口内装载的html文档，可以通过document获取dom元素，从而操作dom

eg:

  let btn = document.getElementsByTagName('button')[0]

webStorage

webStorage是es6新增的用于存储信息到本地的对象，也是window的属性，作用是将数据保存在浏览器。

方法

[1]输入输出

prompt('输入弹框')
confirm('你确定?')
console.log('')
alert('')
document.write()

[2]定时器

setInterval(function(){},N)
setTimeout(function(){},N)
clearInterval(定时器编码)
clearTimeout(定时器时间编码)

打开关闭网页

打开网页：open('网址')
关闭网页：
- 关闭当前网页：close()
- 关闭指定网页：page.close()

举例说明

<body>
   <button>打开</button>
   <button>关闭</button>
   <script>
     // 点击打开按钮，打开百度网页，点击关闭按钮，关闭百度网页
     let btn = document.getElementsByTagName('button')[0]
     let btn1 = document.getElementsByTagName('button')[1]
     let page
     btn.onclick = function () {
       page = open('http://https://www.baidu.com/')
     }
     btn1.onclick = function () {
       page.close()
     }
   </script>
 </body>

事件

load事件

window.οnlοad=function(){}
- 等待DOM树和所有外部资源加载完毕再执行此方法内部的代码
- 是一个入口函数

beforeunload事件

window.οnbefοreunlοad=function(){}
- 在页面即将关闭的一瞬间执行此处的代码
- 使用场景
  - 阅读完自动清空浏览器记录
  - 邮箱关闭自动保存到草稿箱

乖女子@@@

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js_BOM

1.Window对象定义：window对象是最顶级的对象，表示浏览器打开的窗口，主要使用来操作浏览器窗口的； window属性 [1]所有(使用var)定义的全局变量都是window对象的属性； let aaa=111console.log(window.aaa) // undefinedvar bbb=111console.log(windwow.bbb) // 111 [2]document属性 [3]loca
复制链接

扫一扫

专栏目录