JavaScript-内置对象
时间:2019-10-17
本文章向大家介绍JavaScript-内置对象,主要包括JavaScript-内置对象使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
内置对象
Math
JavaScript中内置的Math对象提供了与数学相关操作的API。
Math.abs():取绝对值
Math.ceil():向上取整
Math.floor():向下取整
Math.PI:圆周率
...
Date
JavaScript中内置的Date对象提供了与日期相关操作的API。
Date.now():获取当前时间
Date.getFullYear():获取当前年份
Date.getMonth():获取当前月份(由于月份是从0开始算的,所以实际月份要 +1)
Date.getDate():获取当前日期
Date.getDay():获取当前周几
Date.getHours():获取当前小时数
Date.getMinutes():获取当前分钟数
Date.getSeconds():获取当前秒数
Date.getMilliseconds():获取当前毫秒数
BOM
BOM是浏览器内置的一套操作浏览器的API(方法、属性、接口)
window
在BOM中window代表整个浏览器窗口。
navigator
navigator保存了当前浏览器相关的信息,一般用于判断用户当前的浏览器。
// 判断终端及浏览器信息
function judgeTerminalBrowser (userAgent) {
let data = {
terminal: undefined,
browser: undefined
};
let terminal = {
'windows nt 10' : 'Windows 10',
'windows nt 6.3' : 'Windows 8.1',
'windows nt 6.2' : 'Windows 8',
'windows nt 6.1' : 'Windows 7',
'windows nt 6.0' : 'Windows Vista',
'windows nt 5.2' : 'Windows Server 2003XP x64',
'windows nt 5.1' : 'Windows XP',
'windows xp' : 'Windows XP',
'windows nt 5.0' : 'Windows 2000',
'windows me' : 'Windows ME',
'win98' : 'Windows 98',
'win95' : 'Windows 95',
'win16' : 'Windows 3.11',
'macintosh|mac os x' : 'Mac OS X',
'mac_powerpc' : 'Mac OS 9',
'linux' : 'Linux',
'ubuntu' : 'Ubuntu',
'phone' : 'iPhone',
'pod' : 'iPod',
'pad' : 'iPad',
'android' : 'Android',
'blackberry' : 'BlackBerry',
'webos' : 'Mobile',
'freebsd' : 'FreeBSD',
'sunos' : 'Solaris'
};
for (let key in terminal) {
if (new RegExp(key).test(userAgent.toLowerCase())) {
data.terminal = terminal[key];
break;
}
}
if (userAgent.match(/MSIE\s(\d+)\..*/i)) {
// ie 除11
data.browser = 'ie ' + userAgent.match(/MSIE\s(\d+)\..*/i)['1'];
} else if (userAgent.match(/FireFox\/(\d+)\..*/i)) {
data.browser = 'firefox ' + userAgent.match(/FireFox\/(\d+)\..*/i)['1'];
} else if (userAgent.match(/Opera[\s|\/](\d+)\..*/i)) {
data.browser = 'opera ' + userAgent.match(/Opera[\s|\/](\d+)\..*/i)['1'];
} else if (userAgent.match(/Chrome\/(\d+)\..*/i)) {
data.browser = 'chrome ' + userAgent.match(/Chrome\/(\d+)\..*/i)['1'];
} else if (userAgent.match(/Safari\/(\d+)\..*$/i)) {
// chrome浏览器都声明了safari
data.browser = 'safari ' + userAgent.match(/Safari\/(\d+)\..*$/i)['1'];
} else if (userAgent.match(/rv:(\d+)\..*/i)) {
// ie 11
data.browser = 'ie ' + userAgent.match(/rv:(\d+)\..*/i)['1'];
}
return data;
}
location
location保存了浏览器地址栏信息。
// 获取当前浏览器地址栏信息
console.log(window.location.href);
// 跳转到指定地址
window.location.href = "https://www.baidu.com";
// 刷新页面(不清除缓存)
window.location.reload();
// 刷新页面并强制清除缓存
window.location.reload(true);
history
history用于操作浏览器历史信息。
// 前进一个页面
window.history.forward()
// window.history.go() 当参数是正数时是多少就前进多少页面;当参数时负数时时多少就后退多少个页面;当参数是0时便刷新页面
window.history.go(0);
// 后退一个页面
window.history.back();
screen
screen对象用来表明客户端的能力,其中包括浏览器窗口外部的显示器的信息,如像素高度和宽度等。
/*
常用属性:
availHeight:屏幕的像素高度减去系统部件高度之后的值(只读),代表屏幕可用高度,单位为像素
availWidth:屏幕的像素宽度减去系统部件宽度之后的值(只读),代表屏幕可用宽度,单位为像素
height:屏幕像素的高度
width:屏幕像素的宽度
*/
原文地址:https://www.cnblogs.com/luwenfeng/p/11694886.html
- 偶数倍频
- Fiddler 高级用法:Fiddler Script 与 HTTP 断点调试
- Spark 伪分布式 & 全分布式 安装指南
- 十步完全理解 SQL
- 利用HSTS嗅探浏览器历史纪录的三个漏洞
- Verilog代码设计风格
- Yaffs_checkptrw
- 那些 Shell、Awk 中自动隐式类型转换的“坑”
- 浏览器 HTTP 协议缓存机制详解
- 详解 Windows 下 Eclipse CDT 配置 C/C++ 编译环境
- 硬核乘法器的Verilog HDL 调用
- Web 自动化测试与智能爬虫利器:PhantomJS 简介与实战
- 浅谈 Scala 中下划线的用途
- Java 多线程之 Runnable VS Thread 及其资源共享问题
- 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 数组属性和方法
- 第19天:NLP实战(三)——用CNN实现微博谣言检测
- (Demo分享)利用原生JavaScript-ScrollLeft-实现做轮播广告通知
- Flutter问题:Column里面嵌套两个SingleChildScrollView无法滚动
- 搞不懂JS中赋值·浅拷贝·深拷贝的请看这里
- 第20天:NLP实战(四)——用GRU模型实现电影评论情感分析
- Flutter SingleChildScrollView 滚动控件
- Flutter Stack、Positioned 层叠布局
- Flutter Row、Column 线性布局
- 第21天:NLP实战(五)——词向量Skip-gram实践
- ES10(2019)有哪些更新和新特性?
- Flutter Icon IconFont(图标控件)
- Flutter TextField(输入控件)
- 常见的面试问题总结
- Flutter Button(按钮控件)
- 终极干货,数组去重且显示每一个数据重复的次数