DOM windows对象 navigator对象详细介绍

BOM

Window对象是什么

BOM中最核心的对象就是Window对象，该对象表示运行HTML页面的浏览器窗口。
在浏览器环境中，Window对象具有双重角色。该对象既是允许JavaScript逻辑访问测览器窗口的一个对象，又是ECMAScript规范中的Global全局对象。
这就说明了，在浏览器环境中运行JavaScript逻辑时，在全局作用域中定义的对象、变量和函数都是Window对象的属性和方法。
也可以通过Window对象访问Global全局对象的属性和方法。例如NaN、undefined和parselnt方法等。

全局作用域

在刘览器环境中，由于ECMAScript规范中Window对象代表了Global全局对象，因此所有定义在全局作用域中的变量和函数，都可以通过Window对象的属性和方法方式访问。

var name ='卧龙学苑';
function fn(){console.log('前端开发就业课程');
}
/全局变量和全局函数方式访问
console.log(name);
fn();
/ Window对象的属性和方法方式访问
console.log(window.name);
window.fn();

Window对象的属性

Window对象的属性数量较多，包含了测览器窗口的基本信息、也包含了一些复杂的信息。可以人为
将Window对象分为以下三类:

BOM中其他对象，例如Navigator对象等。
一些有关浏览器窗口的基本信息等，这些属性多属于DOM0级别，并不是W3C标准规范。
包含了大量有关HTML5版本新增的功能等。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>window对象</title>
</head>
<body>
<script>//1.window对象是浏览器窗口中的顶级(全局)对象//全局变量- window对象的属性var v = 100;console.log(v);console.log(window.v) ;//函数- window对象的方法function fun(){console.log('this is function...');}fun();window.fun();// 删除对象的属性// delete window.v;// console.log(window.v);//100// window对象的属性和方法在调用时–允许省略'window.'// 3.其他5个BOM对象都是作为window对象的属性出现console.log(window.document);
</script>
</body>
</html>

window对象与self属性

Window对象的self属性返回当前测览器窗口的只读属性。换句话讲，self属性返回的是Window对象
的引用。
console.log(window == window.self);
也可以通过以下代码判断当前浏览器是否是最顶层窗:

if (window.top != window.self){console.log("这个窗口不是最顶层窗口");
}else
console.log("这个窗口是最顶层窗口");

Window对象的方法

Window对象的方法，主要从以下几方面进行学习:
系统提示框:alert()方法、confirm()方法和prompt()方法
打开与关闭窗口: open()与close()方法、showModalDialog()
DOM规范标准О级别的一些方法
定时器: setLimeout()与clearLineout().setlnterval()与clearlnterval()

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>打开关闭浏览器窗口</title>
</head>
<body>
<button id="btn">按钮</button>
<script>var btn = document.getElementById ( 'btn' );btn.addEventListener( 'click' ,function(){window.open( 'http://localhost:63342/untitled/%E5%85%AB%E6%9C%88%E5%8D%81%E4%B9%9D%E5%8F%B7%E4%BB%A3%E7%A0%81/window%E5%AF%B9%E8%B1%A1.html?_ijt=5ktdtnnn6n81p0aliveod95iie' );});// alert( 'xxxx');var result = confirm('你确认退出吗?');alert(result);
</script>
</body>
</html>

用户的浏览器产品

通过usecAgent属性获取用户当前使用的刘览器产品，提供刘览器兼容解决方案。

var.ua= navigator.userAgent;
if(/firefox/i.test(ua)){console.log('当前使用的是Firefox浏览器');
}else if(/chrome/i.test(ua)){console.log('当前使用的是Chrome浏览器');
}else if(/safari/i.test(ua)){console.log('当前使用的是Safari浏览器');
}else if(/msie/i.test(ua)){console,log('当前使用的是IE11之前版本的浏览器');
}else if("ActiveXObject." in window){console.log('当前使用的是IE11浏览器');

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Navigator对象</title>
</head>
<body>
<script>console.log('浏览器的代码名: ' + navigator.appCodeName);console.log('浏览器的名称:' + navigator.appName) ;console.log('浏览器的平台和版本信息:' + navigator.appVersion);console.log('运行浏览器的操作系统平台:' + navigator.platform);console.log(navigator.userAgent);
</script>
</body>
</html>

今日金句

一般说来，记忆力减退分两种情况，一种是我们认为自己的记忆力减退了，是一种假象，另一种则是因为身体的衰老等原因记忆力真的减退了，是真相。但不管是假象还是真相，减退的记忆力其实都是可以恢复甚至提高的，而恢复和提高记忆力的方法正是进行自我暗示：我能够记住一切，我对提高记忆力充满了渴望，然后反复的朗读或默读需要记忆的东西，这就足够了。

今日心情

发令枪一响，你是没时间看你的对手是怎么跑的。只有明天是我们的竞争对手。