javascript 内置函数和对象
JavaScript对象
JavaScript对象在前面介绍过，JavaScript是一种基于对象的脚本语言。
基于对象或面向对象是编程语言中处理问题的方式，即把某些实体作为一个对象来看待。
如在客观世界中，可以把一本书、一头牛作为一个对象来看待，这些都是独立存在的客观实体，本身具有一些属性或方法。
书具有名称、页数等；牛除了具有颜色、体重等，还具有吃、跑等动作。
在JavaScript脚本语言中，可以把数组、函数等作为对象来看待。
在JavaScript中常用的对象有浏览器对象、脚本语言内置对象、HTML对象、自定义对象。
浏览器对象，就是浏览器中可以利用的一些对象，如document文档对象、History历史记录对象等；脚本语言内置对象通常为JavaScript脚本语言中，本身所具有的核心对象，如字符串对象、日期时间对象、熟悉对象等。
HTML对象实际上就是我们熟悉的HTML标记，如段落标记P、层标记DIV等。
自定义对象就是根据程序需要所创建的函数、数组等，特别是函数。
对于后面两种对象，本节就不再介绍了，会在后面的章节中陆续使用到。
1．脚本语言内置对象脚本语言内置对象是JavaScript中内置的一些对象，可以用在JavaScript的客户端或服务器端，也可以称为核心语言对象。
主要包括数学对象Math、日期时间对象Date和字符串对象string。
(1)数学对象MathMath对象是JavaScript中内置的核心语言对象，主要用来处理关于数序运算方面的计算。
如求取一个数的绝对值、两个数的和。
Math对象具有的属性和方法如表8-11所示：表8-11 Math对象的属性和方法（2）字符串对象字符串对象String是最常用的一种对象，如在客户端校验数据信息时，用来判断一个字符串是否包含数字、求取一个字符串的长度、匹配字符串等。
在JavaScri pt中，创建字符串对象的方法很多，如var s=“中国”或ss=new String（“hello”）；字符串对象常用属性和方法如表8-12所示：表8-12 字符串对象常用属性和方法在上面表中，属性length和方法indexOf需要注意。
JS内置对象属性及方法大全
JS内置对象属性及方法大全JavaScript是一种强大的脚本语言，它提供了许多内置对象，这些对象包含了丰富的属性和方法，可以被直接调用和使用。
以下是一些常用的JS内置对象及其属性和方法的概述：1. Array（数组对象）：- 属性：length（数组长度）- 方法：concat(、join(、push(、pop(、shift(、unshift(、indexOf(、lastIndexOf(、slice(、splice(等。
2. String（字符串对象）：- 属性：length（字符串长度）- 方法：charAt(、charCodeAt(、concat(、indexOf(、lastIndexOf(、replace(、toLowerCase(、toUpperCase(、slice(等。
3. Number（数字对象）：- 属性：MAX_VALUE（最大值）、MIN_VALUE（最小值）、NaN（非数字值）、toFixed(、toPrecision(等。
- 方法：toString(、toFixed(、toExponential(、toLocaleString(等。
4. Math（数学对象）：- 方法：abs(、ceil(、random(、floor(、max(、min(、pow(、sqrt(等。
5. Date（日期对象）：- 方法：getDate(、getMonth(、getFullYear(、getHours(、getMinutes(、getSeconds(、getTime(、toLocaleDateString(、toLocaleTimeString(等。
6. Object（对象对象）：- 方法：hasOwnProperty(、isPrototypeOf(、toString(、valueOf(等。
7. RegExp（正则表达式对象）：- 属性：global（是否全局匹配）、ignoreCase（是否忽略大小写）、multiline（是否多行匹配）、source（正则表达式字符串）- 方法：exec(、test(等。
javascript笔记
Microsoft Jscript 提供了11 个内部（或“内置”）对象。
它们是Array、Boolean、Date、Function、Global、Math、Number、Object、RegExp、Error 以及String 对象。
Number 对象
除了Math对象中可用的特殊数值属性（例如PI）外，在 Microsoft Jscript 中，Number 对象有几个其他的数值属性。
Microsoft JScript 特性- ECMA
JScript 字母顺序的关键字列表
编码函数escape()：将非字母、数字字符转换成ASCII码
求值函数eval()：
•事件：
用户对浏览器所做的特定的动作（操作），是实现交互操作的一种机制。
事件名称适用对象意义说明
Abort image 终止当图形尚未完全加载前
Blur 失去焦点
Change t/pw/ta/select 改变
DragDrop window 拖曳
Error img/win 错误加载文件或图形时发生错误
Focus 取得焦点
Move window 移动
Reset form 重置
Submit form
Click/DblClick、KeyDown/KeyPress/KeyUp、Load/Unload、MouseDown/MouseUp/MouseOver/MouseOut/MouseMove。
document函数的作用
document函数的作用document函数是JavaScript中的一个内置函数，它代表当前的HTML文档对象。
通过document函数，我们可以访问和操作当前网页的各种元素、属性和方法。
document函数的主要作用如下：1. 获取元素，通过document函数可以获取HTML文档中的各种元素，例如通过元素的id、class、标签名等进行选择和查找。
例如，可以使用document.getElementById("id")来获取具有特定id 的元素。
2. 修改元素，通过document函数可以修改元素的内容、样式和属性。
例如，可以使用document.getElementById("id").innerHTML来修改元素的HTML内容，使用document.getElementById("id").style来修改元素的样式。
3. 创建元素，通过document函数可以动态地创建新的HTML元素，并将其添加到文档中的指定位置。
例如，可以使用document.createElement("tag")来创建新的HTML元素，然后使用appendChild()方法将其添加到指定的父元素中。
4. 事件处理，通过document函数可以添加和移除事件处理程序，以响应用户的交互操作。
例如，可以使用document.addEventListener()方法来添加事件监听器，以便在特定事件发生时执行相应的操作。
5. 文档信息，通过document函数可以获取和修改文档的相关信息，如标题、URL、域名等。
例如，可以使用document.title来获取或设置文档的标题，使用document.URL来获取当前文档的URL。
6. 表单处理，通过document函数可以访问和操作HTML表单元素。
可以使用document.forms来获取文档中的所有表单，然后使用表单元素的属性和方法来获取用户的输入数据或提交表单。
内置对象的概念
内置对象的概念内置对象是指在编程语言中提供的一组已定义好的对象，可以直接使用而无需再进行额外的定义或实现。
这些内置对象具有常用的属性和方法，以便开发人员更加便捷地进行编程和开发。
在不同的编程语言中，内置对象的具体名称和功能可能会有所不同，但它们的作用是非常相似的。
内置对象的存在，为开发人员提供了许多常用功能的实现，大大简化了开发流程，提高了开发效率。
在JavaScript中，常见的内置对象包括全局对象、数学对象、数组对象、字符串对象、日期对象等。
全局对象包括全局变量和函数，如window、document 等。
数学对象提供了一系列数学计算相关的函数和常量，如Math.PI、Math.abs()等。
数组对象提供了对数组进行操作的方法和属性，如push()、pop()、length 等。
字符串对象则提供了对字符串的操作方法和属性，如indexOf()、substring()等。
日期对象则提供了对日期的操作和处理方法，如getFullYear()、getTime()等。
这些内置对象为开发人员提供了丰富的功能，可以用于完成各种复杂的编程任务。
比如，在JavaScript中，我们可以使用内置对象Math来进行常用的数学计算。
例如，要计算一个数的绝对值，可以调用Math对象的abs()方法。
除此之外，Math对象还提供了许多其他常用的数学计算方法，如对数、三角函数等等。
通过利用这些内置对象，开发人员可以更加方便地进行数学计算，避免了自己手动编写复杂的数学计算代码。
另一个例子是数组对象，在JavaScript中，数组对象提供了一组用于操作和处理数组的方法和属性。
通过这些方法和属性，开发人员可以很方便地对数组进行添加、删除、修改等操作。
比如，可以使用数组对象的push()方法向数组中添加一个元素，使用pop()方法删除数组的最后一个元素。
通过使用这些方法，开发人员可以轻松地处理数组，并且无需再编写繁琐的数组操作代码。
深入解析javascript中的arguments对象
arguments对象arguments是javascript的一个内置对象。
看似很简单，所以经常给人忽略，但实际上理解它还是很重要的。
arguments简介中，关于argument的描述是：An array-like object corresponding to the arguments passed to a function. ”大致翻译是“传入到函数中的参数所对应的一个类数组对象”。
深入理解这句话，需要先从它和函数参数的关系，以及何为类数组对象开始。
arguments的创建当函数被调用时，就会创建一个活动对象（Activation object），这时，除了函数的形参和变量，还创建了一个arguments对象。
function foo(x, y){var z =30;function bar(){}}foo(10,20);foo函数被调用过程中产生的活动对象。
根据ECMAScript，arguments对象是一个具有索引属性的参数映射，也就是说，其索引属性的值就是函数的参数值，并且于传入的参数有一一对应关系。
索引属性的值和实际传递进来的参数之间是共享的。
但arguments和形参及变量的先后存在又是如何的呢？做了以下两个试验：function foo(a, arguments){// 以arguments命名形参。
return arguments;}foo(1);// undefinedfunction bar(x, y){var arguments =3;// 以arguments作为变量名。
return arguments;}bar(1,2);// 3活动对象中，原本应该有的arguments对象，被形参及变量覆盖了，可见arugments的创建是先于形参及变量的。
arguments类数组对象我们还知道，arguments是一个类数组对象，可通过索引获取成员。
如果通过arguments instanceof Array，得到的是false。
高手进阶第6章 JavaScript常用内置对象
1. 使用数学对象 2.数学对象的属性与方法 3.特殊的常数和函数 4.格式化数字 5.产生随机数
Page 9
CSS基本语法
目录
日期（ ）对象 ）对象 Date 数组（Array）对象 字串（String 数学（ Math）对象
新建日期
日期对象的属性与方法
日期对象应用实例
Page 11
1 第6章 JavaScript常用内置对象
数组（Array）对象
2
字串（String）对象 数学（Math）对象 日期（Date）对象
3 4
讲师：贾如春 QQ：460669467
CSS基本语法
目录
数组（ ）对象 Array 数组（Array）对象 字串（String 数学（）对象 Math）对象
1.使用字串对象 2.字串相加 3.在字串中使用单引号、 双引号及其他特殊字符
Page 6
4.比较字串是否相等 5.字串与整数、浮点数之间的转换 6.串对象的属性与方法 7.字串对象应用实例
Page 7
CSS基本语法
目录
数学（ ）对象 ）对象 Math 数组（Array）对象 字串（String 数学（ Math）对象
1、新建数组
新建一个长度为零的数组。 语法规则如下：
var 变量名 = new Array( )
Page 3
菜单设计的内容 ：
2.数组中的序列号 3.引用数组元素 4.动态数组 5.数组对象的常用属性与方法 6.排序数组PagΒιβλιοθήκη 4CSS基本语法目录
字串（ ）对象 String 数组（Array）对象 字串（String 数学（）对象 Math）对象
js 数学函数
js 数学函数JavaScript 是一种非常强大的编程语言，它有很多内置的函数库来处理数字运算和数学计算。
这些函数被称为JavaScript 的数学函数或数学库。
JavaScript 的数学函数主要包含以下几种：1. Math 对象：Math 对象是JavaScript 的一个内置对象，它包含了很多常用的数学函数，例如：Math.pow()、Math.sqrt()、Math.sin()、Math.cos()、Math.tan()、Math.min()、Math.max()等等。
Math 对象也包含了常数值，例如：Math.PI、Math.E 等等。
2. Number 对象：JavaScript 中Number 对象也有一些内置的数学函数，例如：Number.toFixed()、Number.toPrecision() 等等。
这些函数可以让我们控制数字的精度和格式。
3. Random 对象：Random 对象也是JavaScript 的一个内置对象，它主要用于生成随机数。
Random 对象包含了一些常用的函数，例如：Math.random()、Math.floor()、Math.ceil()、Math.round() 等等。
4. Date 对象：JavaScript 中的Date 对象可以用来处理时间，时间的计算也属于数学计算的一部分。
Date 对象包含了一些常用的函数，例如：Date.now()、Date.parse()、Date.UTC() 等等。
这些数学函数都有其使用的场景和对应的语法规则，下面我们逐一来介绍它们：1. Math 对象1.1 Math.pow(base, exponent)：该函数用于计算一个基数的指数幂，其中base 表示基数，exponent 表示指数。
例如：console.log(Math.pow(2, 8)); 输出2561.2 Math.sqrt(x)：该函数用于计算一个数的平方根。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
实验项目三内置函数和对象【学时数】 2 （45 分钟× 2=90 分钟）【实验内容】1 、JavaScript 内置函数的应用2 、JavaScript 内置对象的应用【实验参考】《网页设计与制作》………………………………………………………… 重庆大学出版社《网页标题制作技巧与实例》……………………………………………… 清华大学出版社《javascript 入门与提高》……………………………………………… 清华大学出版社《javascript 宝典》……………………………………………………… 电子工业出版社【实验设备】计算机，投影机【实验目的与要求】1 、掌握JavaScript 内置函数的使用方法2 、掌握JavaScript 常用内置对象的属性和方法【实验重点】1 、掌握JavaScript 内置函数的使用方法2 、掌握JavaScript 常用内置对象的属性和方法【实验难点】1 、掌握使用浏览器对象提供的信息来完成一定功能的网页设计。
【实验方式】1 、项目工程互动式教学法2 、“讲、学、练”相结合：对于javascript 内置函数和对象相关细节，大量采用演示、讲解和操作等方式。
使学生在实验中加深对相关内容的理解并熟练掌握。
【实验设计】向学生演示多个javascrip 内置函数和对象的程序案例，学生跟着教师一起完成javascript 程序的编写，同时完成教师布置的思考题，教师实施指导。
第一步：演示JavaScript 内置函数的应用，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。
（20 分钟左右）第二步：演示JavaScript 常用内置对象的应用，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。
（35 分钟左右）【实验过程】实验内容一：JavaScript 内置函数的应用教师演示JavaScript 内置函数应用的程序案例，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。
1 、eval( ) ：计算字符串表达式的值2 、parseFloat( ) 和parseInt( ) ：将字符串开头的整数或浮点数分解出来，转换为整数或浮点数3 、isNaN( ) ：确定一个变量是否为NaN （Not a Number ）4 、escape( ) ：将字符串中的非字母数字字符转换为按格式%XX 表示的数字5 、unescape( ) ：将字符串格式为%XX 的数字转换为字符6 、程序案例1_1 ：求用户在提示对话框中输入的表达式的值。
<script language=javascript>alert(eval(prompt(" 请输入一个常量表达式, 运算符可以是JavaScript 所允许的任何运算符, 而操作数只能是常量。
如 123*321/9, 我将为您计算出结果。
","65+98+96")))</script>7 、思考题：判断用户输入的字符是不是数字，如果是，分别将其转换成浮点数和整数，并显示到网页上。
<script language=javascript>var input = prompt(" 请输入字符！","");alert(isNaN(input)?" 你输入的不是数字":" 你输入的是数字");if(!isNaN(input)) {document.write(parseInt(input)+"<br>");document.write(parseFloat(input));}</script>实验内容二：JavaScript 内置对象的应用教师演示JavaScript 内置对象应用的程序案例，学生按照教师的操作步骤，自己动手编写该程序，并完成教师布置的思考题。
一、对象的基本概念1 、什么是对象对象用于描述客观世界存在的特定实体。
在计算机世界中，不仅存在来自于客观世界的对象，也包含为解决问题而引入的抽象对象。
2 、对象的属性和方法在JavaScript 中，对象就是属性和方法的集合。
方法是作为对象成员的函数表明对象所具有的行为，属性是作为对象成员的一组变量，表明对象的状态。
通过访问或设置对象的属性，并且调用对象的方法，就可以对对象进行各种操作，从而获得需要的功能。
调用对象的一个方法类似于调用一个函数。
使用对象的一个属性则类似于使用一个变量。
二、Math 对象1 、Math 对象的属性是数学中常用的常量，如圆周率PI ，自然对数的底E 等。
2 、Math 对象的方法则是一些十分有用的数学函数，如sin() 、random() 、log() 等。
3 、在调用Math 对象的属性和方法时，直接写成：Math. 属性和Math. 方法。
4 、案例2_1 ：求PI 的5 次方，并四舍五入取整。
<script language=javascript>var number = Math.round(Math.pow(Math.PI,5));document.write("PI 的 5 次方的值为："+number);</script>5 、思考题：设计javascript 程序，在网页上随机显示10 个两位整数。
<script language=javascript>for(i=1;i<=10;i++) {var number = Math.floor(Math.random()*90)+10;document.write(" 随机数"+i+" ："+number+"<br>");}</script>三、Date 对象1 、Date 对象的主要方法常用方法: 设置和获取日期中的年、月、日、小时、分、秒和毫秒等2 、创建Date 对象要使用Date 对象，必须先使用new 运算符创建它。
创建Date 对象的常见方式有三种：(1) 不带参数var today = new Date();(2) 创建一个指定日期的Date 变量var theDate = new Date(2000, 9, 1);(3) 创建一个指定时间的Date 变量var theTime = new Date(2000, 9, 1, 10, 20,30,50)3 、案例2_2 ：计算求1+2+3+…10000 之和所需要的运行时间( 毫秒数) 。
<script language=javascript>var t1,t2,htime,i,sum=0;t1 = new Date();document.write(" 循环前的时间:"+t1.toLocaleString()+":"+t1.getMilliseconds()+"<BR>");for(i=1;i<=10000;i++) sum+=i;t2 = new Date();document.write(" 循环后的时间:"+t2.toLocaleString()+":"+t2.getMilliseconds()+"<BR>");htime = t2.getTime() - t1.getTime();document.write(" 执行10000 次循环用时:"+ htime+" 毫秒<BR>")</script>4 、思考题：在网页上显示当前日期和时间，并显示是星期几。
<script language=javascript>var week,today,week_i;week=new Array(" 星期日"," 星期一"," 星期二"," 星期三"," 星期四"," 星期五"," 星期六");today=new Date();year=today.getYear();// 年month=today.getMonth()+1;// 月date=today.getDate();// 日hour=today.getHours();// 小时minute=today.getMinutes();// 分second=today.getSeconds();// 秒week_i=today.getDay();document.write(year+" 年"+month+" 月"+date+" 日"+"\t");document.write(hour+":"+minute+":"+second+"\t"+week[week_i])</script>四、Number 对象1 、Number 对象用于存放MAX_VALUE 、MIN_VALUE 、NaN 、NEGATIVE_INFINITY 、POSITIVE_INFINITY 等极端数值。
2 、案例2_3 ：在页面中显示JavaScript 可以处理的数的区间。
<script language=javascript>document.write("JavaScript 有效数的范围是: ["+Number.MIN_VALUE+","+Number.MAX_VALUE+"]");</script>2 、确认对话框程序案例<script language=javascript>var visited,show_text;visited=confirm(" 您来过湖北职院吗？");show_text = visited?" 您也认为湖北职院很美吧！":" 欢迎您有机会来湖北职院参观!";document.write(show_text);</script>五、String 对象1 、String 对象提供对字符串进行处理的属性和方法。