BOM 判断浏览器的信息-Navigator

知识点;

BOM

浏览器对象模型,BOM可以使我们通过JS来操作浏览器,在BOM中为我们提供了一组对象,用来完成对浏览器的操作

BOM对象:

Window Navigator Location History Screen

Window对象代表整个浏览器窗口,同时window也是网页中的全局对象

Navigator 代表着当前浏览器的信息,通过该对象可以识别不同的浏览器

Location 代表当前浏览器的地址栏信息,通过Location可以获取地址栏信息,或者操作浏

览器跳转页面

History 代表浏览器的历史记录,通过该对象操作浏览器的历史记录

      由于隐私的原因,该对象不能获取到具体的历史记录,只能操作浏览器向前或后退翻页,而且该记录只能在当次访问时有效

Screen 代表用户的屏幕信息,通过该对象可以获取到用户的显示器的相关信息

这些BOM对象在浏览器中都是作为window属性保存的,可以通过window对象来使用,也可以直接使用

appName()返回浏览器的名称

alert(navigator.appName);

由于历史原因,Navigator对象中的大部分属性都已经不能帮助我们识别浏览器了,一般我们自会使用userAgent来判断浏览器的信息 userAgent是一个字符串,这个字符串包含有用来描述浏览器信息的内容不同的浏览器会有不同的userAgent

检查浏览器的信息,详细代码如下:





    
    
    
    Document
    






结果:

当打开谷歌浏览器时:控制台输出浏览器信息字符串,并显示警示框alert

BOM 判断浏览器的信息-Navigator_第1张图片

当打开ie(默认11)浏览器时

BOM 判断浏览器的信息-Navigator_第2张图片

当切换ie版本时 :

BOM 判断浏览器的信息-Navigator_第3张图片

 

你可能感兴趣的:(Html+css+js项目,javascript,safari,html)