浅谈JavaScript的内置对象和浏览器对象
在javascript中对象通常包括两种类型：内置对象和浏览器对象，此外，用户还可以自定义对象。
对象包含两个要素：
1. 用来描述对象特性的一组数据，也就是若干变量，通常称为属性。
2. 用来操作对象特性的若干动作，也就是若干函数，通常称为方法。
| 对象 | 含义 |
| anchor | 当前文档中设置了name属性的超链接 |
| applet | 当前文档中的小程序 |
| area | 客户端图形映射中的区域 |
| button | 表单中的按钮 |
| checkbook | 表单中的复选框 |
| document | 当前窗口中的HTML文档 |
| embed | 当前窗口中的嵌入对象 |
| event | 浏览器中发生的事件 |
| fileUpload | 表单中的文件选择框 |
| form | 当前文档中的表单 |
| frame | 当前窗口中的框架 |
| hidden | 表单中隐藏字段 |
| history |
浏览器访问过的url历史记录 |
| image | 当前文档中的图形文件 |
| link | 当前文档中设置了href属性的超链接 |
| location | 浏览器当前显示网页的URL |
| mimeType | 浏览器支持的特定MIME类型信息 |
| navigator | 当前浏览器 |
| option | 表单中选项菜单的选项 |
| password | 表单中的口令框 |
| plugin | 当前浏览器中的插件 |
| radio | 表单中的单选框 |
| reset | 表单中的重置按钮 |
| screen | 用户屏幕 |
| select | 表单中的选项菜单 |
| submit | 表单中的提交按钮 |
| text | 表单中的单行文本框 |
| textarea | 表单中的多行文本框 |
| window | 浏览器窗口或窗口中的框架 |
内置对象
1.Array对象;2.Boolean对象;3.Date对象;4.Math对象;5.Number对象;6.Object对象;7.RegExp对象;8.String对象;9.Global对象;10.Function对象
1.Array对象也就是数组对象，数组元素不但可以使其他数据类型，而且可以是其他数组或对象
| constructor | 返回对创建此对象的数组函数的引用。 |
| index | |
| input | |
| length | 设置或返回数组中元素的数目。 |
| concat() | 连接两个或更多的数组，并返回结果。 |
| join() | 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 |
| pop() | 删除并返回数组的最后一个元素 |
| push() | 向数组的末尾添加一个或更多元素，并返回新的长度。 |
| reverse() | 颠倒数组中元素的顺序。 |
| shift() | 删除并返回数组的第一个元素 |
| slice() | 从某个已有的数组返回选定的元素 |
| sort() | 对数组的元素进行排序 |
| splice() | 删除元素，并向数组添加新元素。 |
| toSource() | 返回该对象的源代码。 |
| toString() | 把数组转换为字符串，并返回结果。 |
| toLocaleString() | 把数组转换为本地数组，并返回结果。 |
| unshift() | 向数组的开头添加一个或更多元素，并返回新的长度。 |
| valueOf() | 返回数组对象的原始值 |
2.Boolean对象可以将布尔值当做对象访问，将参数变为布尔值。
| Boolean对象属性 | 描述 |
| constructor | 返回对创建此对象的 Boolean 函数的引用 |
| prototype | 向对象添加属性和方法 |
| Boolean对象方法 | 描述 |
| toSource( ) | 返回该对象的源代码。 |
| toString( ) | 把逻辑值转换为字符串，并返回结果 |
| valueOf( ) | 返回 Boolean 对象的原始值。 |
3.Date 对象用于处理日期和时间。
| Date对象属性 | 描述 |
| constructor | 返回对创建此对象的 Date 函数的引用。 |
| prototype | 使您有能力向对象添加属性和方法。 |
| Date() | 返回当日的日期和时间。 |
| getDate() | 从 Date 对象返回一个月中的某一天 (1 ~ 31)。 |
| getDay() | 从 Date 对象返回一周中的某一天 (0 ~ 6)。 |
| getMonth() | 从 Date 对象返回月份 (0 ~ 11)。 |
| getFullYear() | 从 Date 对象以四位数字返回年份。 |
| getYear() | 请使用 getFullYear() 方法代替。 |
| getHours() | 返回 Date 对象的小时 (0 ~ 23)。 |
| getMinutes() | 返回 Date 对象的分钟 (0 ~ 59)。 |
| getSeconds() | 返回 Date 对象的秒数 (0 ~ 59)。 |
| getMilliseconds() | 返回 Date 对象的毫秒(0 ~ 999)。 |
| getTime() | 返回 1970 年 1 月 1 日至今的毫秒数。 |
| getTimezoneOffset() | 返回本地时间与格林威治标准时间 (GMT) 的分钟差。 |
| getUTCDate() | 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。 |
| getUTCDay() | 根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。 |
| getUTCMonth() | 根据世界时从 Date 对象返回月份 (0 ~ 11)。 |
| getUTCFullYear() | 根据世界时从 Date 对象返回四位数的年份。 |
| getUTCHours() | 根据世界时返回 Date 对象的小时 (0 ~ 23)。 |
| getUTCMinutes() | 根据世界时返回 Date 对象的分钟 (0 ~ 59)。 |
| getUTCSeconds() | 根据世界时返回 Date 对象的秒钟 (0 ~ 59)。 |
| getUTCMilliseconds() | 根据世界时返回 Date 对象的毫秒(0 ~ 999)。 |
| parse() | 返回1970年1月1日午夜到指定日期（字符串）的毫秒数。 |
| setDate() | 设置 Date 对象中月的某一天 (1 ~ 31)。 |
| setMonth() | 设置 Date 对象中月份 (0 ~ 11)。 |
| setFullYear() | 设置 Date 对象中的年份（四位数字）。 |
| setYear() | 请使用 setFullYear() 方法代替。 |
| setHours() | 设置 Date 对象中的小时 (0 ~ 23)。 |
| setMinutes() | 设置 Date 对象中的分钟 (0 ~ 59)。 |
| setSeconds() | 设置 Date 对象中的秒钟 (0 ~ 59)。 |
| setMilliseconds() | 设置 Date 对象中的毫秒 (0 ~ 999)。 |
| setTime() | 以毫秒设置 Date 对象。 |
| setUTCDate() | 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。 |
| setUTCMonth() | 根据世界时设置 Date 对象中的月份 (0 ~ 11)。 |
| setUTCFullYear() | 根据世界时设置 Date 对象中的年份（四位数字）。 |
| setUTCHours() | 根据世界时设置 Date 对象中的小时 (0 ~ 23)。 |
| setUTCMinutes() | 根据世界时设置 Date 对象中的分钟 (0 ~ 59)。 |
| setUTCSeconds() | 根据世界时设置 Date 对象中的秒钟 (0 ~ 59)。 |
| setUTCMilliseconds() | 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。 |
| toSource() | 返回该对象的源代码。 |
| toString() | 把 Date 对象转换为字符串。 |
| toTimeString() | 把 Date 对象的时间部分转换为字符串。 |
| toDateString() | 把 Date 对象的日期部分转换为字符串。 |
| toGMTString() | 请使用 toUTCString() 方法代替。 |
| toUTCString() | 根据世界时，把 Date 对象转换为字符串。 |
| toLocaleString() | 根据本地时间格式，把 Date 对象转换为字符串。 |
| toLocaleTimeString() | 根据本地时间格式，把 Date 对象的时间部分转换为字符串。 |
| toLocaleDateString() | 根据本地时间格式，把 Date 对象的日期部分转换为字符串。 |
| UTC() | 根据世界时返回 1997 年 1 月 1 日 到指定日期的毫秒数。 |
| valueOf() | 返回 Date 对象的原始值。 |
4.Math对象用来进行数学计算，Math对象可以在不使用构造函数的情况下是用，并且所有的属性和方法都是静态的。
| E | 返回算术常量 e，即自然对数的底数（约等于2.718）。 | 1 | 3 |
| LN2 | 返回 2 的自然对数（约等于0.693）。 | 1 | 3 |
| LN10 | 返回 10 的自然对数（约等于2.302）。 | 1 | 3 |
| LOG2E | 返回以 2 为底的 e 的对数（约等于 1.414）。 | 1 | 3 |
| LOG10E | 返回以 10 为底的 e 的对数（约等于0.434）。 | 1 | 3 |
| PI | 返回圆周率（约等于3.14159）。 | 1 | 3 |
| SQRT1_2 | 返回返回 2 的平方根的倒数（约等于 0.707）。 | 1 | 3 |
| SQRT2 | 返回 2 的平方根（约等于 1.414）。 | 1 | 3 |
| abs(x) | 返回数的绝对值。 | 1 | 3 |
| acos(x) | 返回数的反余弦值。 | 1 | 3 |
| asin(x) | 返回数的反正弦值。 | 1 | 3 |
| atan(x) | 以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。 | 1 | 3 |
| atan2(y,x) | 返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）。 | 1 | 3 |
| ceil(x) | 对数进行上舍入。 | 1 | 3 |
| cos(x) | 返回数的余弦。 | 1 | 3 |
| exp(x) | 返回 e 的指数。 | 1 | 3 |
| floor(x) | 对数进行下舍入。 | 1 | 3 |
| log(x) | 返回数的自然对数（底为e）。 | 1 | 3 |
| max(x,y) | 返回 x 和 y 中的最高值。 | 1 | 3 |
| min(x,y) | 返回 x 和 y 中的最低值。 | 1 | 3 |
| pow(x,y) | 返回 x 的 y 次幂。 | 1 | 3 |
| random() | 返回 0 ~ 1 之间的随机数。 | 1 | 3 |
| round(x) | 把数四舍五入为最接近的整数。 | 1 | 3 |
| sin(x) | 返回数的正弦。 | 1 | 3 |
| sqrt(x) | 返回数的平方根。 | 1 | 3 |
| tan(x) | 返回角的正切。 | 1 | 3 |
| toSource() | 返回该对象的源代码。 | 1 | - |
| valueOf() | 返回 Math 对象的原始值。 | 1 | 4 |
5.Number对象可以将数字作为对象访问，与Math一样不用创建对象直接使用。
| constructor | 返回对创建此对象的 Number 函数的引用。 | 1.0 | 4.0 |
| MAX_VALUE | 可表示的最大的数。 | 1.0 | 4.0 |
| MIN_VALUE | 可表示的最小的数。 | 1.0 | 4.0 |
| NaN | 非数字值。 | 1.0 | 4.0 |
| NEGATIVE_INFINITY | 负无穷大，溢出时返回该值。 | 1.0 | 4.0 |
| POSITIVE_INFINITY | 正无穷大，溢出时返回该值。 | 1.0 | 4.0 |
| prototype | 使您有能力向对象添加属性和方法。 | 1.0 | 4.0 |
| toString | 把数字转换为字符串，使用指定的基数。 | 1.0 | 4.0 |
| toLocaleString | 把数字转换为字符串，使用本地数字格式顺序。 | 1.0 | 4.0 |
| toFixed | 把数字转换为字符串，结果的小数点后有指定位数的数字。 | 1.0 | 5.5 |
| toExponential | 把对象的值转换为指数计数法。 | 1.0 | 5.5 |
| toPrecision | 把数字格式化为指定的长度。 | 1.0 | 5.5 |
| valueOf | 返回一个 Number 对象的基本数字值。 | 1.0 | 4.0 |
6.Object对象是派生所有其他对象的对象，其属性和方法可以派生给所有其他对象。
| 属性 | 描述 |
| constructor | 表示对象的构造函数的名称 |
| prototype | 用来为对象添加新的属性和方法 |
| 方法 | 描述 |
| toString( ) | 将对象转换为用字符串表示 |
| valueOf( ) | 获得指定对象的原始值 |
7.RegExp对象表示正则表达式，它是对字符串执行模式匹配的强大工具。略...
8.String对象用于处理文本（字符串）。
| constructor | 对创建该对象的函数的引用 | 1 | 4 |
| length | 字符串的长度 | 1 | 3 |
| prototype | 允许您向对象添加属性和方法 | 1 | 4 |
| anchor() | 创建 HTML 锚。 | 1 | 3 |
| big() | 用大号字体显示字符串。 | 1 | 3 |
| blink() | 显示闪动字符串。 | 1 | |
| bold() | 使用粗体显示字符串。 | 1 | 3 |
| charAt() | 返回在指定位置的字符。 | 1 | 3 |
| charCodeAt() | 返回在指定的位置的字符的 Unicode 编码。 | 1 | 4 |
| concat() | 连接字符串。 | 1 | 4 |
| fixed() | 以打字机文本显示字符串。 | 1 | 3 |
| fontcolor() | 使用指定的颜色来显示字符串。 | 1 | 3 |
| fontsize() | 使用指定的尺寸来显示字符串。 | 1 | 3 |
| fromCharCode() | 从字符编码创建一个字符串。 | 1 | 4 |
| indexOf() | 检索字符串。 | 1 | 3 |
| italics() | 使用斜体显示字符串。 | 1 | 3 |
| lastIndexOf() | 从后向前搜索字符串。 | 1 | 3 |
| link() | 将字符串显示为链接。 | 1 | 3 |
| localeCompare() | 用本地特定的顺序来比较两个字符串。 | 1 | 4 |
| match() | 找到一个或多个正在表达式的匹配。 | 1 | 4 |
| replace() | 替换与正则表达式匹配的子串。 | 1 | 4 |
| search() | 检索与正则表达式相匹配的值。 | 1 | 4 |
| slice() | 提取字符串的片断，并在新的字符串中返回被提取的部分。 | 1 | 4 |
| small() | 使用小字号来显示字符串。 | 1 | 3 |
| split() | 把字符串分割为字符串数组。 | 1 | 4 |
| strike() | 使用删除线来显示字符串。 | 1 | 3 |
| sub() | 把字符串显示为下标。 | 1 | 3 |
| substr() | 从起始索引号提取字符串中指定数目的字符。 | 1 | 4 |
| substring() | 提取字符串中两个指定的索引号之间的字符。 | 1 | 3 |
| sup() | 把字符串显示为上标。 | 1 | 3 |
| toLocaleLowerCase() | 把字符串转换为小写。 | - | - |
| toLocaleUpperCase() | 把字符串转换为大写。 | - | - |
| toLowerCase() | 把字符串转换为小写。 | 1 | 3 |
| toUpperCase() | 把字符串转换为大写。 | 1 | 3 |
| toSource() | 代表对象的源代码。 | 1 | - |
| toString() | 返回字符串。 | - | - |
| valueOf() | 返回某个字符串对象的原始值。 | 1 | 4 |
9.Global对象定义了JavaScript中的全局变量和函数。略...
10.Function对象可以将函数作为对象访问,并可以在脚本执行期间动态生成和调用函数。
| 属性 | 描述 |
| arguments | 表示函数参数的数组 |
| caller | 表示调用当前正在执行的函数 |
| prototypt | 为对象添加新的属性和方法 |
| 方法 | |
| apply() | 用于将一个对象中的方法应用到另一个对象 |
| call(this);call(this,arg1,arg2...) | 允许调用另外一个对象的方法 |
| toString | 用于将一个对象转换为字符串 |
以上这篇浅谈JavaScript的内置对象和浏览器对象就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。
相关推荐
-
JavaScript浏览器对象之一Window对象详解
JavaScript提供了一组以window为核心的对象,实现了对浏览器窗口的访问控制.JavaScript中定义了6种重要的对象: window对象 表示浏览器中打开的窗口: document对象 表示浏览器中加载页面的文档对象: location对象包含了浏览器当前的URL信息: navigation对象 包含了浏览器本身的信息: screen对象 包含了客户端屏幕及渲染能力的信息: history对象 包含了浏览器访问网页的历史信息. 除了window对象之外,其他的5个对象都是windo
-
JavaScript中的Navigator浏览器对象
navigator 浏览器对象,包含了正在使用的 Navigator 的版本信息.反映了当前使用的浏览器的资料.JavaScript 客户端运行时刻引擎自动创建 navigator 对象. 更详细的信息可以去查msdn或者Navigator 2.0以后的说明文档,这里我们之做个简单的说明 包括一下几大属性: appCodeName 返回浏览器的"码名"(?),流行的 IE 和 NN 都返回 'Mozilla'. 下面的例子显示了 appCodeName 属性的值: document.w
-
浅谈JavaScript 浏览器对象
window window对象不但充当全局作用域,而且表示浏览器窗口. window对象有innerWidth和innerHeight属性,可以获取浏览器窗口的内部宽度和高度.内部宽高是指除去菜单栏.工具栏.边框等占位元素后,用于显示网页的净宽高.还有一个outerWidth和outerHeight属性,可以获取浏览器窗口的整个宽高. 补充: 网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:
-
JavaScript之浏览器对象_动力节点Java学院整理
JavaScript可以获取浏览器提供的很多对象,并进行操作. window window对象不但充当全局作用域,而且表示浏览器窗口. window对象有innerWidth和innerHeight属性,可以获取浏览器窗口的内部宽度和高度.内部宽高是指除去菜单栏.工具栏.边框等占位元素后,用于显示网页的净宽高. 兼容性:IE<=8不支持. // 可以调整浏览器窗口大小试试: alert('window inner size: ' + window.innerWidth + ' x ' + win
-
JavaScript Window浏览器对象模型方法与属性汇总
Window 对象 所有浏览器都支持 window 对象.它表示浏览器窗口. 所有 JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员. 全局变量是 window 对象的属性. 全局函数是 window 对象的方法. 1. open方法 语法格式: window.open(URL,窗口名称,窗口风格) 功能:打开一个新的窗口,并在窗口中装载指定URL地址的网页. 说明: open方法用于打开一个新的浏览器窗口,并在新窗口中装入一个指定的URL地址: open方法在打
-
JavaScript浏览器对象模型BOM(BrowserObjectModel)实例详解
本文实例讲述了JavaScript浏览器对象模型BOM.分享给大家供大家参考,具体如下: window对象位于BOM层次结构的最顶层.它包含了一些非常重要的子对象,包括location,navigator,document,screen,history.location对象包含当前页面的URL信息.有些信息是只读的,有些信息是可以读写的比如href属性.我们不仅可以通过href属性来获取当前页面的URL信息,还可以通过修改href属性,来跳转到新的页面. <html> <body>
-
JavaScript入门教程(4) js浏览器对象
更详细的信息可以去查msdn或者Navigator 2.0以后的说明文档,这里我们之做个简单的说明 包括一下几大属性: appCodeName 返回浏览器的"码名"(?),流行的 IE 和 NN 都返回 'Mozilla'. 下面的例子显示了 appCodeName 属性的值: document.write("navigator.appCodeName 的值是" + navigator.appCodeName) appName 返回浏览器名.IE 返回 'Micro
-
JavaScript 浏览器对象模型BOM使用介绍
BOM也叫做浏览器对象模型,它提供了很多对象,用于访问浏览器的功能;这些功能与任何网页内容无关; BOM缺少规范,每个浏览器提供商都按照自己的想法去扩展它,那么浏览器共有对象就成了事实的标准; 一 window对象 // BOM的核心对象是window,它表示浏览器的一个实例; // window对象处于JavaScript结构的最顶层; // 对于每个打开的窗口,系统都会自动为其定义window对象; // window对象同时扮演着ECMAScript中Global对象的角色,因此所有在全局
-
js中事件的处理与浏览器对象示例介绍
复制代码 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>简单的事件处理</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta ht
-
浅谈JavaScript的内置对象和浏览器对象
在javascript中对象通常包括两种类型:内置对象和浏览器对象,此外,用户还可以自定义对象. 对象包含两个要素: 1. 用来描述对象特性的一组数据,也就是若干变量,通常称为属性. 2. 用来操作对象特性的若干动作,也就是若干函数,通常称为方法. 浏览器对象 对象 含义 anchor 当前文档中设置了name属性的超链接 applet 当前文档中的小程序 area 客户端图形映射中的区域 button 表单中的按钮 checkbook 表单中的复选框 document 当前窗口中的HTML文档
-
浅谈js常用内置方法和对象
JS内置函数不从属于任何对象,在JS语句的任何地方都可以直接使用这些函数.JS中常用的内置函数如下: 1.eval(str)接收一个字符串形式的表达式,并试图求出表达式的值.作为参数的表达式可以采用任何合法的操作符和常数.如果参数中包含JS命令,这些命令也可以被执行,就像这些命令是JS程序的一部分一样. 2.parseInt(str,n)试图从一个字符串中提取一个整数.可附加一个n整数实现返回n进制整数.如果在字符串中存在除了数字.符号.小数点和指数符号以外的字符,就停止转换,返回已有的结果.如
-
浅谈JS数组内置遍历方法有哪些和区别
目录 forEach()(ES6)方法 map()(ES6) 方法 flatMap()方法 for...in... for...of... filter(ES6)遍历数组 every()函数(ES6) find()函数(ES6) findIndex()函数 (ES6) forEach()(ES6)方法 forEach()(ES6)方法对数组的每个元素执行一次给定的函数. 1. 数组里的元素个数有几个,该方法里的回调就会执行几次 2. 第一个参数是数组里的元素,第二个参数为数组里元素的索引
-
浅谈使用Python内置函数getattr实现分发模式
本文研究的主要是使用Python内置函数getattr实现分发模式的相关问题,具体介绍如下. getattr 常见的使用模式是作为一个分发者.举个例子,如果你有一个程序可以以不同的格式输出数据,你可以为每种输出格式定义各自的格式输出函数,然后使用唯一的分发函数调用所需的格式输出函数. 例如,让我们假设有一个以 HTML.XML 和普通文本格式打印站点统计的程序.输出格式在命令行中指定,或者保存在配置文件中.statsout 模块定义了三个函数:output_html.output_xml 和 o
-
浅谈JavaScript的Polymer框架中的behaviors对象
localStorage 应是家喻户晓的?但本地存储这个家族可远不止它.以前扯过 sessionStorage,现在还有个神奇的 CacheStorage.它用来存储 Response 对象的.也就是说用来对 HTTP ,响应做缓存的.虽然 localStorage 也能做,但是它可能更专业. CacheStorage 在浏览器上的引用名叫 caches 而不是驼峰写法的 cacheStorage,它定义在 ServiceWorker 的规范中.CacheStorage 是多个 Cache 的集
-
深入理解JavaScript单体内置对象
JavaScript中定义了两个单体内置对象:Global和Math. Global对象 Global对象是JavaScript中最特别的一个对象.不属于任何其他对象的属性和方法,最终都是它的属性和方法.实际上,没有全局变量或全局作用域,所有在全局作用域中定义的属性和函数,都是Global对象的属性. Global对象包含了一些有用的方法: 1.URI编码方法 Global对象的encodeURI()和encodeURIComponent()方法可以对URI进行编码,encodeURI()主要用
-
浅谈jsp九大内置对象及四个作用域
request 请求对象 类型 javax.servlet.ServletRequest 作用域 Request response 响应对象 类型 javax.servlet.SrvletResponse 作用域 Page pageContext 页面上下文对象 类型 javax.servlet.jsp.PageContext 作用域 Page
-
浅谈JavaScript对象的创建方式
通过Object构造函数或对象字面量创建对象时,使用同一个接口创建很多对象时,会产生大量的重复代码.为了简化,引入了工厂模式. 工厂模式 function createPerson(name, age, job) { var obj = new Object(); obj.name = name; obj.age = age; obj.job = job; obj.sayHello(){ alert(this.name); }; return obj; } var p1 = createPers
-
浅谈JavaScript的计时器对象
1.JavaScript计时器,我们可以在设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行. 计时器类型: 1)一次性计时器:仅在指定的延迟时间之后触发一次. 2)间隔性触发计时器:每隔一定的时间间隔就触发一次. 计时器方法: 1)setInterval() :在执行时,从载入页面后每隔指定的时间执行代码. //语法 setInterval(代码,交互时间); //参数说明:1. 代码:要调用的函数或要执行的代码串.2. 交互时间:周期性执行或调用表达式之间的时间间隔,以毫秒计(1s=