JS常用对象及用法属性的总结（全）_js中基本数据类型有哪些资源-CSDN文库

共16个文件

txt：16个

需积分: 45 123 浏览量 2008-10-08 11:25:48 上传评论收藏 17KB RAR 举报

JavaScript，简称JS，是一种广泛应用于Web开发的轻量级脚本语言。它的对象系统是其核心特性之一，提供了丰富的内置对象以及自定义对象的能力。在这个总结中，我们将深入探讨JavaScript中的常见对象及其重要属性和用法。 1. **全局对象**： - `window`：在浏览器环境中，`window` 是全局对象，它包含了所有JavaScript的全局变量和函数。例如，`window.location` 用于获取或设置当前页面的URL，`window.alert` 显示警告对话框。 2. **字符串对象**： - `String` 类型的实例有许多方法，如`toUpperCase()`将字符串转换为大写，`toLowerCase()`转换为小写，`indexOf()`查找子字符串的位置，`slice()`截取字符串的一部分。 3. **数组对象**： - `Array` 提供了处理数组的方法，如`push()`向数组末尾添加元素，`pop()`删除最后一个元素，`shift()`移除第一个元素，`unshift()`在开头添加元素，`concat()`连接两个或更多数组，`slice()`创建新数组。 4. **Date对象**： - JavaScript中的`Date`对象用于处理日期和时间，`new Date()`构造函数可以初始化当前时间，`getDate()`返回月份中的日期，`getMonth()`返回月份，`getFullYear()`返回四位数年份。 5. **Math对象**： - `Math`对象包含了许多数学常数和函数，如`Math.PI`表示圆周率，`Math.random()`生成0到1之间的随机数，`Math.pow(x, y)`计算x的y次幂。 6. **Function对象**： - 函数在JavaScript中是第一类对象，可以作为参数传递，也可以作为其他函数的值。`Function.prototype`提供了`call()`和`apply()`方法，用于改变函数调用时的上下文。 7. **Object对象**： - 所有JavaScript对象的基类，`Object.create(proto)`创建一个新对象，其原型是proto，`Object.keys(obj)`返回对象的所有可枚举属性名数组。 8. **正则表达式对象**： - `RegExp`对象用于创建正则表达式，`/pattern/flags`是其构造语法，`test()`检测字符串是否匹配模式，`exec()`在字符串中搜索匹配项并返回结果。 9. **错误对象**： - JavaScript提供了各种错误对象，如`TypeError`、`ReferenceError`等，当发生错误时，它们会被抛出。 10. **JSON对象**： - JSON（JavaScript Object Notation）是一种轻量级的数据交换格式。`JSON.parse()`用于将JSON字符串转换为JavaScript对象，`JSON.stringify()`将JavaScript对象转换为JSON字符串。 11. **Map与Set**： - ES6引入的新数据结构，`Map`存储键值对，键可以是任意类型，`Set`存储不重复的值，它们都提供了迭代器接口，方便遍历。 12. **Promise对象**： - Promise用于异步编程，代表一个可能尚未完成的异步操作的结果。`Promise.resolve()`, `Promise.reject()`, `then()`, `catch()`是常见的Promise方法。这些只是JavaScript中常用对象的一部分，还有更多如`Document`（DOM操作）、`Event`（事件处理）等对象，它们共同构建了JavaScript的丰富功能。理解并熟练使用这些对象，是成为一个高效的JavaScript开发者的关键。

资源推荐

资源详情

资源评论

收起资源包目录

js对象.rar （16个子文件）

js对象

regex.txt 758B

Location.txt 2KB

Document .txt 2KB

Number.txt 1KB

Array.txt 1KB

window对象.txt 4KB

Math.txt 1KB

Navigator.txt 1KB

event 对象.txt 5KB

Screen.txt 1KB

document对象.txt 8KB

Date.txt 3KB

string对象.txt 2KB

boolean.txt 404B

function.txt 1KB

History.txt 774B

document 文挡对象 - JavaScript脚本语言描述 --------------------------------------------------------------------- 注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写否则会提示你一个错误信息 "引用的元素为空或者不是对象" --------------------------------------------------------------------- 对象属性 document.title //设置文档标题等价于HTML的<title>标签 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) document.linkColor //未点击过的链接颜色 document.alinkColor //激活链接(焦点在此链接上)的颜色 document.vlinkColor //已点击过的链接颜色 document.URL //设置URL属性从而在同一窗口打开另一网页 document.fileCreatedDate //文件建立日期，只读属性 document.fileModifiedDate //文件修改日期，只读属性 document.fileSize //文件大小，只读属性 document.cookie //设置和读出cookie document.charset //设置字符集简体中文:gb2312 --------------------------------------------------------------------- 常用对象方法 document.write() //动态向页面写入内容 document.createElement(Tag) //创建一个html标签对象 document.getElementById(ID) //获得指定ID值的对象 document.getElementsByName(Name) //获得指定Name值的对象 document.body.appendChild(oTag) --------------------------------------------------------------------- body-主体子对象 document.body //指定文档主体的开始和结束等价于<body></body> document.body.bgColor //设置或获取对象后面的背景颜色 document.body.link //未点击过的链接颜色 document.body.alink //激活链接(焦点在此链接上)的颜色 document.body.vlink //已点击过的链接颜色 document.body.text //文本色 document.body.innerText //设置<body>...</body>之间的文本 document.body.innerHTML //设置<body>...</body>之间的HTML代码 document.body.topMargin //页面上边距 document.body.leftMargin //页面左边距 document.body.rightMargin //页面右边距 document.body.bottomMargin //页面下边距 document.body.background //背景图片 document.body.appendChild(oTag) //动态生成一个HTML对象常用对象事件 document.body.onclick="func()" //鼠标指针单击对象是触发 document.body.onmouseover="func()" //鼠标指针移到对象时触发 document.body.onmouseout="func()" //鼠标指针移出对象时触发 --------------------------------------------------------------------- location-位置子对象 document.location.hash // #号后的部分 document.location.host // 域名+端口号 document.location.hostname // 域名 document.location.href // 完整URL document.location.pathname // 目录部分 document.location.port // 端口号 document.location.protocol // 网络协议(http:) document.location.search // ?号后的部分 documeny.location.reload() //刷新网页 document.location.reload(URL) //打开新的网页 document.location.assign(URL) //打开新的网页 document.location.replace(URL) //打开新的网页 --------------------------------------------------------------------- selection-选区子对象 document.selection --------------------------------------------------------------------- images集合(页面中的图象) a)通过集合引用 document.images //对应页面上的<img>标签 document.images.length //对应页面上<img>标签的个数 document.images[0] //第1个<img>标签 document.images[i] //第i-1个<img>标签 b)通过nane属性直接引用 <img name="oImage"> document.images.oImage //document.images.name属性 c)引用图片的src属性 document.images.oImage.src //document.images.name属性.src d)创建一个图象 var oImage oImage = new Image() document.images.oImage.src="1.jpg" 同时在页面上建立一个<img>标签与之对应就可以显示 <html> <img name=oImage> <script language="javascript"> var oImage oImage = new Image() document.images.oImage.src="1.jpg" </script> </html> <html> <script language="javascript"> oImage=document.caeateElement("IMG") oImage.src="1.jpg" document.body.appendChild(oImage) </script> </html> ---------------------------------------------------------------------- forms集合(页面中的表单) a)通过集合引用 document.forms //对应页面上的<form>标签 document.forms.length //对应页面上<form>标签的个数 document.forms[0] //第1个<form>标签 document.forms[i] //第i-1个<form>标签 document.forms[i].length //第i-1个<form>中的控件数 document.forms[i].elements[j] //第i-1个<form>中第j-1个控件 b)通过标签name属性直接引用 <form name="Myform"><input name="myctrl"></form> document.Myform.myctrl //document.表单名.控件名 c)访问表单的属性 document.forms[i].name //对应<form name>属性 document.forms[i].action //对应<form action>属性 document.forms[i].encoding //对应<form enctype>属性 document.forms[i].target //对应<form target>属性 document.forms[i].appendChild(oTag) //动态插入一个控件 ----------------------------------------------------------------------- <html>  <form name="Myform"> <input type="text" name="oText"> <input type="password" name="oPswd"> <form> <script language="javascript"> //获取文本密码框的值 document.write(document.Myform.oText.value) document.write(document.Myform.oPswd.value) </script> </html> ----------------------------------------------------------------------- <html>  <form name="Myform"> <input type="checkbox" name="chk" value="1">1 <input type="checkbox" name="chk" value="2">2 </form> <script language="javascript"> function fun(){ //遍历checkbox控件的值并判断是否选中 var length length=document.forms[0].chk.length for(i=0;i<length;i++){ v=document.forms[0].chk[i].value b=document.forms[0].chk[i].checked if(b) alert(v=v+"被选中") else alert(v=v+"未选中") } } </script> <a href=# onclick="fun()">ddd</a> </html> ----------------------------------------------------------------------- <html>  <form name="Myform"> <select name="oSelect"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> </select> </form> <script language="javascript"> //遍历select控件的option项 var length length=document.Myform.oSelect.length for(i=0;i<length;i++) document.write(document.Myform.oSelect[i].value) </script> <script language="javascript"> //遍历option项并且判断某个option是否被选中 for(i=0;i<document.Myform.oSelect.length;i++){ if(document.Myform.oSelect[i].selected!=true) document.write(document.Myform.oSelect[i].value) else document.write("<font color=red>"+document.Myform.oSelect[i].value+"</font>") } </script> <script language="javascript"> //根据SelectedIndex打印出选中的option //(0到document.Myform.oSelect.length-1) i=document.Myform.oSelect.selectedIndex document.write(document.Myform.oSelect[i].value) </script> <script language="javascript"> //动态增加select控件的option项 var oOption = document.createElement("OPTION"); oOption.text="4"; oOption.value="4"; document.Myform.oSelect.add(oOption); </script> <html> ----------------------------------------------------------------------- <Div id="oDiv">Text</Div> document.all.oDiv //引用图层oDiv document.all.oDiv.style.display="" //图层设置为可视 document.all.oDiv.style.display="none" //图层设置为隐藏 document.getElementId("oDiv") //通过getElementId引用对象 document.getElementId("oDiv").style="" document.getElementId("oDiv").display="none" /*document.all表示document中所有对象的集合只有ie支持此属性，因此也用来判断浏览器的种类*/ 图层对象的4个属性 document.getElementById("ID").innerText //动态输出文本 document.getElementBy

评论收藏

内容反馈