js——navigator,screen,history对象(BOM 3)
时间:2019-08-18
本文章向大家介绍js——navigator,screen,history对象(BOM 3),主要包括js——navigator,screen,history对象(BOM 3)使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
navigator对象
识别客户端浏览器的事实标准,每个浏览器的navigator对象都有自己的一套属性,但也有一些共通的属性。
插件检测
对于非IE浏览器,可以使用plugins数组来检查浏览器是否安装了常见的插件。该数组每一项都包含以下属性:
- name:插件名
- description:插件描述
- filename:插件的文件名
- length:插件所处理的MIME类型数量
//检测插件IE中无效 function hasPlugin(name){ var name=name.toLowerCase(); for(var i=0;i<navigator.plugins.length;i++) { if(navigator.plugins[i].name.toLowerCase().indexOf()>-1) return true; } return false; }
对于IE,检查插件的方式是ActiveXObject类型,IE是以COM对象的方式实现插件的,而COM对象使用唯一表示符来标识。
//检测IE中的插件,name是插件标识符 function hasIEPluhin(name){ try{ new ActiveXObject(name); return true; }catch(err){ return false; } }
对于所有浏览器来说,前两种检测方法差别太大,检查插件的经典方法是每种插件有专门的检测函数
//检测插件IE中无效 function hasPlugin(name){ var name=name.toLowerCase(); for(var i=0;i<navigator.plugins.length;i++) { if(navigator.plugins[i].name.toLowerCase().indexOf()>-1) return true; } return false; } //检测IE中的插件,name是插件标识符 function hasIEPluhin(name){ try{ new ActiveXObject(name); return true; }catch(err){ return false; } } //检测所有浏览器中的Flash function hasFlash(){ var result=hasPlugin("Flash"); if(!result){ result=hasIEPluhin("ShockwaveFlash.ShockwaveFlash"); } return result; } alert(hasFlash());
注册处理程序
可以让一个站点指明它可以处理的特定的类型信息,之后再详细介绍。
- registerContentHandler()
- registerProtocolHandler()
screen对象
用来表明客户端的能力,包括浏览器窗口外部显示器信息,如像素宽高度等。不同的浏览器可能有不同的属性,但是还是有很多属性是相同的
这些属性可以用来调整浏览器窗口大小,比如浏览器占屏幕的百分之多少。
window.resizeTo(screen.availWidth,screen.availHeight)
history对象
history对象保存着用户从打开窗口开始的上网的历史记录。history是window对象的属性,每个浏览器窗口,框架都有自己的history和window相关联。开发人员不能通过history知道用户浏览过的url,但可以借用用户的url列表,在不知道实际url的情况下就行后退和前进。
//后退一页
history.go(-1);
//前进两页
history.go(2);
//跳转到www.baidu.com,如果url列表中有这条记录,就跳转过去,没有就什么也不做
history.go("http://www.baidu.com");
//模仿前进和后退
//前进一页
history.forward();
//后退一页
history.back();
还有一个history.length保存着浏览记录的数量,可用来测定当前页面是不是第一个页面等。
原文地址:https://www.cnblogs.com/ellen-mylife/p/11371888.html
- .NET Core多平台开发体验[3]: Linux (Windows Linux子系统)
- .NET Core多平台开发体验[2]: Mac OS X
- .NET Core多平台开发体验[1]: Windows
- 如何远程关闭一个ASP.NET Core应用?
- 【深度学习】谷歌deepdream原理及tensorflow实现
- 【深度学习】写诗机器人tensorflow实现
- PyTorch还是TensorFlow?这有一份新手指南
- Leetcode 300. Longest Increasing Subsequence
- Leetcode 299. Bulls and Cows
- Leetcode 297. Serialize and Deserialize Binary Tree
- Leetcode 295. Find Median from Data Stream
- 投入大见效慢,还要做AI?
- Leetcode 292. Nim Game
- Leetcode 290. Word Pattern
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- rollup + typescript 构建 ts 包
- node 写爬虫,原来这么简单
- 计时器 hook
- 自定义eslint 配置包
- 【61期】MySQL行锁和表锁的含义及区别(MySQL面试第四弹)
- 关于死锁你了解多少,通过“让APP随手机壳改变颜色,程序员和产品经理大家”这一事,了解下死锁可好?
- 三阴性乳腺癌表达矩阵探索笔记之GSEA
- 关于Python异常处理,你需要了解的知识点
- 三阴性乳腺癌表达数据探索笔记之GSVA分析
- 无敌解决GitHub无法ping通也无法登录的问题无敌解决idea连接GitHub提示Invalid authentication data. Connection reset
- 文献笔记七十一:REDO根据vcf文件检测植物细胞器基因组RNA编辑位点
- 如如何基于Docker快速搭建Elasticsearch集群?
- 解决Centos8无法安装docker的问题
- 正则表达式
- Python函数详解一(函数参数、变量作用域)