Javascript中的内置对象
Posted 每天进步一点点……
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Javascript中的内置对象相关的知识，希望对你有一定的参考价值。
在js学习中的有三种对象：
1、内置对象 -- 系统构造函数创建的对象；
2、自定义对象 -- 自定义构造函数创建的对象；
3、浏览器对象 --- BOM对象；
常用的内置对象：
算术对象 --- Math()；
字符串对象 --- String()；
日期对象 --- Date()；
数组对象 --- Array()；
1、算术对象 Math（）
Math对象不是构造函数，它具有数学常数和函数的属性和方法，是静态对象。
Math.PI π-圆周率
Math.E 常数的底数
Math.abc() 一个数的绝对值
Math.ceil() 向上取整数
Math.floor() 向下取整数
Math.ruond() 四舍五入
Math.max() 返回一组数中的最大值
Math.min() 返回一组数中的最小值
Math.random（） 0-1的随机数 包括0 不包括1
2、字符串对象 String（）
字符串string是基本类型中的一种，可以看成是字符组成的数组，字符是一个一个的，用单引号括起来的，但在js中没用字符，只有字符串。
字符串对象String（）是引用类型
属性：
Length 字符串的长度
方法：
charAt（） 指定索引值位置的字符串
fromCharCode（） 对应ASCII吗的值
concat（） 拼接字符串使用
indexOf() 查找需要找的字符串,可以规定从哪个位置开始找,返回的是字符串的索引值, 如果找不到,就返回-1
lastIndexOf（） 从后面开始找，但是索引值还是从左到右从0开始
split() 字符串切割
slice() 字符串截取，但是它不包含结束位置索引的对应值
3、日期对象 Date（）
Date（）日期对象，是一个构造函数，必须用new来调用创建日期对象。并且有其初始值：
Sun（星期） May（月份） 29（日期） 2022（年份） 08:31:40（时间） GMT+0800 (中国标准时间)（时区）
getFullYear() 返回/设置年份
getYear() 返回/设置年份
getMonth() 返回/设置月份（0-11
getDate() 返回/设置日期
getHours() 返回/设置小时，24小时制
getMinutes() 返回/设置分钟数
getSeconds() 返回/设置秒钟数
getTime() 返回/设置时间(毫秒为单位)
4、数组对象Array（）
多个元素（通常是同一类型）按一定的顺序排列到一个集合中，那么这个集合我们就称之为数组
数组有两种定义方式：
1、通过构造函数的方式定义数组
2、通过字面量的方式定义数组
数组对象的作用是：使用单独的变量名来存储一系列的值。
Array（）：
concat（） 拼接两个或多个数组，返回一个新的数组
every（） every（函数（元素，索引值，当前数组）条件）返回一个布尔值；
filter（） filter（函数（元素，索引值，当前数组）条件）过滤符合条件的元素，返回的是一个新的数组
forEach（） forEach（函数（元素，索引））遍历循环数组
join（） 把数组中的元素进行拼接，返回一个字符串
push（） 在数组结尾的位置插入元素
unshift（） 在数组第一个元素的位置插入元素
reverse（） 取反
pop（） 返回数组中的最大值
shift（） 返回数组中的最小值
sort（） sort（函数（参数1，参数2）条件）按照设定的条件进行排序
————————————————
版权声明：本文为CSDN博主「hxhx11」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/hxhx11/article/details/125027399
javascript中的内置对象
2015.12.1 javascript中的内置对象
复习：
1、js中的内置函数
alert prompt write parseInt parseFloat eval isNaN document getElementById getElementByName value innerText innerHTML length join sort
eval() ;var result = eval(); var a="2+3" eval("result="+a); 后面会有eval和json的联合使用
isNaN(); 是不是数字
2、js事件
点击事件 onclick onload onchange bgColor document
location href onfocus onblur this（把标签本身当做对象，在函数中使用this获得该标签的对应元素。）
鼠标事件：over out down up move this.src
onsubmit：不是出现在表单的提交按钮上，或者出现了并没有什么意义。【亲测】
而是要出现在表单form上面，利用两次返回的false() 限制表单的提交。
3、表单验证：
验证表单中的text 类型的input 标签是否为空：有三种形式：我们常用length==0,，因为这最符合java的感觉【我觉得】。其次还有.value=="" .value==null.一共三种形式。
focus();//让设置该标签的属性获得焦点
Select();//选中之前输入框中的内容。【方便按住一个字母进行删除】
通过 Return false;来阻止提交
getElementByName 获得一个数组；checked false
验证单选或者多选框的时候记得判定checked。
4、regex正则表达式；js 中把正则表达式看做是一个对象，去调用这个对象的方法test
把要验证的字符串作为test方法的参数。
String 类中的matches方法。
Java中把正则表达式作为参数。
Js中把正则表达式作为对象。
5、js中的内置对象：
1）浏览器窗口对象
2）Js内置对象
3）Js html 标签 对象
getElementsByName 记得里面的值要给""
也就是：var allpick = document.getElementsByName("allPick")[0].checked;
下面这个形式是不靠谱的：var allpick = document.getElementsByName(allPick)[0].checked;
全选反选小demo
<script type="text/javascript"> function allPick(){ var allpick = document.getElementsByName("allPick")[0].checked; var hobby = document.getElementsByName("hobby"); if(allpick){ for(var i=0;i<hobby.length;i++){ hobby[i].checked=true; } }else{ for(var i=0;i<hobby.length;i++){ hobby[i].checked=false; } } } function counterPick(){ var hobby = document.getElementsByName("hobby"); for(var i=0;i<hobby.length;i++){ if(hobby[i].checked){ hobby[i].checked=false; }else { hobby[i].checked=true; } } } </script> </head> <body> 爱好：<input type="checkbox" name="hobby" value="0" />篮球 <input type="checkbox" name="hobby" value="0" />篮球 <input type="checkbox" name="hobby" value="0" />篮球 <input type="checkbox" name="hobby" value="0" />篮球 <input type="checkbox" name="hobby" value="0" />篮球 <input type="checkbox" name="hobby" value="0" />篮球 <hr/> 全选：<input type="checkbox" name="allPick" onclick="allPick()"/> <input type="button" name="counterPick" value="反选"onclick="counterPick()"/>
以上是关于Javascript中的内置对象的主要内容，如果未能解决你的问题，请参考以下文章