JavaScript中的对象

最新推荐文章于 2025-12-18 10:02:55 发布

原创最新推荐文章于 2025-12-18 10:02:55 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

本文详细介绍了JavaScript中的对象概念，包括属性、方法和事件的基本使用。涵盖了自定义对象的创建方式，内置对象如字符串、数学对象的应用，以及浏览器内置对象如Window、Document的作用。同时，列举了常见的鼠标和键盘事件。

属性，方法和事件

属性：属性是指对象包含的值，使用“对象名.属性名”的方式进行操作，如：

document.myfrom.first.value

方法：在代码里，使用“对象名.方法名()”来调用该对象的方法。

alter(")=Window.alter(")

事件：响应用户操作，完成交互，如OnClick，OnKeyDown，一般可以分为鼠标事件，键盘事件及其他事件

鼠标事件

onmousedown 按下鼠标键
onmousemove 移动鼠标
onmouseout 鼠标离开某一个网页对象
onmouseover 鼠标移动到某一个网页对象上
onmouseup 松开鼠标键
onclick 单击鼠标键
ondblclick 双击鼠标键

键盘事件

onkeydown 按下一个键
onkeyup 松开一个键
onkeypress 按下然后松开一个键

JavaScript中的对象

自定义对象：开发人员根据自己的需要而定义的新对象。心
JavaScript内置对象：JavaScript将一些常用功能预先定义成对象，用户可以直接使用，这就是内置对象。如字符串对象、数学对象、日期对象、数组对象、正则表达式对象等、
浏览器内置对象：浏览器对象是浏览器根据系统当前的配置和所装载的页面为JavaScript提供的一系列可供使用的对象。如Window对象、Document对象、History对象等

创建自定义对象的方式

使用Obj关键字创建对象
使用function关键字创建对象

<script type="text/javascript" >


 function Car(name，color){
    this.name=name;
    this.color=color;
    this.run=function(){
      return"最高时速280km"; 
  };
}
var car =new Car("奥迪 A9"，"黑色"); 
documentwrite("颜色:"+car.color + "<BR>");
documentwrite("车型:"+carname+"<BR>")*/;
documentwrite("说明:"+car.run()+"<BR>");
</script>

<script type="text/javascript" > 
  var car =new Object();
  Car.name="奥迪 A9"
  Car.color="黑色"
  Car.run=function(){
    return"最高时速280km"; 
}
/*
 也可以先定义，再调用 
 Car.run=runFun();
 function runFun(){
 document.write("<BR>最高时速280km")}
*/

documentwrite("颜色:"+Car.color + "<BR>"); 
documentwrite("车型:"+Car.name+"<BR>");
documentwrite("说明:"+Car.run()+"<BR>");
</script>