js 0920

最新推荐文章于 2025-04-02 23:08:00 发布

原创最新推荐文章于 2025-04-02 23:08:00 发布 · 96 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #ecmascript

本文介绍了JavaScript中的对象概念，包括属性、方法和事件的基本使用，详细解释了自定义对象和内置对象的区别，并展示了创建对象的两种方式。此外，还深入探讨了字符串对象的特性和各种实用方法。

一.属性，方法和事件

1.属性：属性是指对象包含的值，使用‘对象名，属性名’的方式进行操作，如document.myfrom.first.value

2.方法：在代码里，使用‘对象名.方法名（）’来调用该对象的方法。

alter（）=Window.alter()

3.事件：响应用户操作，完成交互，如OnClick,OnkeyDown

一般可以分为鼠标事件，键盘事件及其他事件

鼠标事件：onmousedown 意义：按下鼠标键

鼠标事件：onmousemove 意义：移动鼠标

鼠标事件：onmouseout 意义：鼠标离开某一个网页对象

鼠标事件：onmouseover 意义：鼠标移动到某一个网页对象上

鼠标事件：onmouseup 意义：松开鼠标键

鼠标事件：onclick 意义：单击鼠标键

鼠标事件：ondblclick 意义：双击鼠标键

键盘事件：onkeydown 意义：按下一个键

键盘事件：onkeyup 意义：松开一个键

键盘事件：onkeypress 意义：按下然后松开一个键

三.js中的对象

1.自定义对象

开发人员根据自己的需要尔定义的新对象

2.js内置对象

js将一些常用功能预先定义成对象，用户可以直接使用，这就是内置对象

如字符串对象，数学对象，日期对象，数组对象，正则表达式对象等

3.浏览内置对象

浏览器对象是浏览器根据系统当前的配置和所装载的页面为js提供的一系列可供使用的对象

如window对象，document对象，history对象等

四.创建自定义对象的方式

1.使用Obiect关键字创建对象

//自定义对像
			var student=new Object()
			//给对象设置属性值
			student.stuid="1001"
			student.stuname="张三"
			student.stuclass="移动3"
			//给对象设置函数
			student.sayHello=function(){
				console.log("大家好")
			}
			student.sayHello()//调用
			console.log(student.stuid)

2.使用function关键字创建对象

function teacher(tid,tname){
				this.tid=tid//this指当前对象
				this.tname=tname
				this.eat=function(){
					console.log("吃饭")
				}
			}

五.字符串对象

1.用于储存一系列字符

2.使用单引号或双引号包含（var name="河南厚朴"）（var hp='afdfa'）

3.可以使用索引访问字符串中任何的字符

（var char=hp[5]）兼容性差，只能兼容高版本浏览器，不能兼容IE6-8

4.可以在字符串中使用引号

var str="Hello Worid!"

六.字符串对象

方法（参数列表）/属性	说明
length	返回字符串长度
charAt(num)	返回参数num指定索引处的字符
charCodeAt(num)	返回参数num指定索引处的字符的Unicode值
indexOf(string,[num])	返回参数string在字符串中首次出现的位置
lastlndexOf(string,[num])	返回参数string在字符串中最后出现的位置
substring(index1,[index2])	返回字符串中index1和index2之间的字符串
substr(index1,[num])	返回字符串中index1之后的num个字符
toUpperCase()	返回字符串大写形式
toLowerCase()	返回字符串小写形式
split(seg,num)	根据参数传入的正则表达式或者字符(串)，将字符串分割成字符串数组
replace(reg,string)	将字符串替换为新字符串根据参数传入的正则表达式或者字符(串)
search(string)	返回参数string出现的位置

var str="Hello Worid!"
			console.log(str.length)
			console.log(str.charAt(1))//查找字符串
			console.log(str.indexOf("l"))//查找字符串位置
			console.log(str.indexOf("a"))//如果不存在返回-1