您的位置: 首页  >  文章  >  JS基础知识点（6）——对象

JS基础知识点（6）——对象

分类: 文章 • 2024-06-20 18:03:46

对象：一个类中的具体事例

在js角度看，标签都是对象；

标签：HTML属性，CSS属性：

HTML：对象.HTML属性 = 值；

CSS： 对象.style.CSS = “值";

获取对象的方法：

document.getElementById("id名字")；

JS基础知识点（6）——对象

输出

JS基础知识点（6）——对象

事件:

用户的动作

鼠标事件：

onclick：点击；

ondbclick：双击鼠标事件；

onmouseover：鼠标放上去；

JS基础知识点（6）——对象

onmouseout：鼠标离开；

onmousedown：鼠标按下；

onmouseup：鼠标抬起；

注意：当用js改变css样式时，例如font-size类型带-连接的属性需要改变为对象.style.fontSize（即把-去掉连接词变大写）

onmousemove：鼠标移动；

键盘事件：

onfocus：获得焦点；

onblur：失去焦点；

onsubmit：提交事件；

onchange：当发生改变的时候；

onreset：重置事件；

键盘事件：

onkeyup：键盘抬起；

onkeydown：键盘按下；

onkeypress：键盘按一次；

窗口事件；onload事件：页面加载之后立刻执行的事件；

两种方式：

1.<script>window.onload = init;</script>init为函数，后面一定不要加（）

2.<body onload = "init()"></body>init函数后面加（）

Event：保存事件发生时的相关信息：

当事件发生时候：event

Event.clientX；事件发生时的X坐标

Event.clientY；事件发生时的Y坐标

Event.target：事件源


修改div中的内容

innerHTML：对象中所有的内容（文本内容和标签内容），指的是双标签，容器标签。

innerText：对象中所有的文本内容；

 document.createElement("标签名"); 创建标签

document.body.appendChild(对象); 向body中添加内容

注意：margin不会触发body事件；

this：代表当前对象

js分为三部分：ECMAscript，BOM，DOM；

注意：

1.window对象最高级（也可以说是最低级）；

2.BOM浏览器对象模型：brower object model；

3.DOM文档对象模型：document object model；

4.BOM网页一打开就存在；

5.DOM是可以去操作的代码；

6.document是连接BOM和DOM的

document有下级，其他都没有下级（多窗口）


相关推荐