javascript中BOM对象（一）——window对象

最新推荐文章于 2023-09-19 10:24:16 发布

卖菜的小白

最新推荐文章于 2023-09-19 10:24:16 发布

阅读量370

点赞数 4

分类专栏： BOM window 文章标签： javascript bom window对象属性 window对象方法 window

本文链接：https://blog.csdn.net/weixin_47450807/article/details/114219038

版权

BOM 同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

window

1 篇文章 0 订阅

订阅专栏

javascript中BOM对象（一）——window对象

window对象存在一些方法和属性，下面进行列举
一、属性
①window.closed 判断window对象是否关闭，如果关闭则返回true
②window.document：返回的是该页面对应的代码，同时也可以使用window.document.url 来输出url地址
③window.length 返回的是该页面的中框架的个数
④window.innerHeight/window.innerWidth:返回的是页面的文本的宽度和高度，不包括上面的导航和工具栏
⑤localStroage，可以将数据以键值对的形式保存在浏览器中，除非手动删除，否则一直存在，并且相对应的方法是localStorage.getItem(“name”)和localStorage.setItem(“name”,“dl”) 用来设置和获取属性
⑥window.name 用来获取window对象的名称
⑦window.opener :返回的是打开该窗口的窗口。
⑧outerHeight和outerWidth ：表示的是包括外部的滚动条以及外部的工作栏等，但是innerHeigt和innerWidth不包括。
⑨pageXOffset /pageYOffset :设置或返回当前页面相对于窗口显示区左上角的 X 位置和设置或返回当前页面相对于窗口显示区左上角的 Y 位置
⑩window.parent ：返回的是当前的父窗口
11、screenTop/screenLeft：返回距离左上角屏幕的距离
12、screenX screenY：返回距离左上角屏幕的距离
13、sessionStorage ：这个属性可以将一个网站的数据存储临时存储下来，这个会话的数据会随着会话的结束，进而删除，相对于的方法有sessionStorage.getItem(“name”)和sessionStorage.setItem(“name”,“dl”)
14、self ：就是当前window对象的引用

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>docuement</title>
<script>
function check(){
	if (window.top!=window.self) {
		document.write("<p>这个窗口不是最顶层窗口!我在一个框架?</p>")
	}
	else{ 
		document.write("<p>这个窗口是最顶层窗口!</p>")
	} 
}
</script>
</head>
<body>
	
<input type="button" onclick="check()" value="检查窗口">
	
</body>
</html>

这里判断是否是最顶层窗口
二、方法
①alert（）：将语句以弹框的形式弹出
②clearInterval（）:用来清除定时器
③clearTimeOut（）：用来清除定时器
④setInterval()：用来设置定时器，里面跟一个回调函数，和时间，最终返回的值是对应的序号（id）。
⑤setTimeOut():设置定时器，同上
⑥、getComputedStyle（）：获取指定元素的css样式
⑦、getPropertyvalue（）:获取指定样式的value值。
⑧、matchMedia()：用来匹配网页的大小

    function match(x){
      if(x.matches){
        document.body.style.backgroundColor="green"
      }else{
        document.body.style.backgroundColor = "yellow"
      }
    }
    let x = window.matchMedia("(max-width:700px)");
    match(x);

⑨、 moveBy（）：就是将一个window对象移动指定像素
⑩、moveTo（）：就是将window对象移动到某一个位置
11、window.focus（）：把键盘焦点给予一个窗口。
12、window.open()：新打开一个页面
13、window.print（）：打印当前页面
14、prompt（）：显示提示框
15、window.resizeBy()：设置窗口大小
16、resizeTo()：设置窗口指定大小
17、window.scrollBy（）：将滚动条滚动多少
18、window.scrollTo（）：将滚动条滚动到…
19、window.stop()：停止框架载入。
如果出现弹框屏蔽,可以判断该弹框的是否是null

    let wroxWin = window.open("https://www.baidu.com","wroxwin","height=400,width=400,top=10,left=10,resizable = yes");
    if(wroxWin == null){
      alert("弹框")
    }else{
      alert("没有被屏蔽")
    }