js学习笔记day5

魔法少女雪殇

5年前更新

02500

对象：一类中的具体示例

var obj={name:”田所浩二”,age:24,shouchong:function(){alert(“手冲”)},jianshen:function(){alert(“健身”)}};

属性：name，age

方法：jianshen，shouchong

图片[1]-js学习笔记day5-魔法少女雪殇

标签：HTML属性,CSS属性

html：对象.html 属性=值

css：对象.style 属性＝”值”

获取对象的方法：

id：document.getElementByld(“id名”);

事件：

鼠标事件：

onclick:点击

ondbclick:双击事件

onmouseover:鼠标放上

onmouseout：鼠标离开

onmousedown：鼠标按下

onmouseup：鼠标抬起

onmousemove；鼠标移动

表单事件：

onfocus：获得焦点

onblur：失去焦点

onsubmit；提交事件

onchange：当发生改变的时候

onreset：重置事件

键盘事件：

onkeyup：键盘抬起

onkeydown：键盘按下

onkeypress：键盘按一次

窗口事件：

onload：页面加载完成后立刻执行

两种方式：

1.<script>window.onload=函数名;</script>

2.<body onload=”init()”></body>

event对象：保存事件发生时的相关信息

当事件发生时，event；

event.clientX:事件发生时x的坐标

event.clientY:事件发生时Y的坐标

event.target:事件源

修改Div中的内容：

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

innerText：获取对象中所有文本内容。

练习：

改变图像大小

图片[2]-js学习笔记day5-魔法少女雪殇 — 代码

案例：简易计算器

图片[3]-js学习笔记day5-魔法少女雪殇 — 代码

图片[4]-js学习笔记day5-魔法少女雪殇 — 效果

案例2：移动瞄准

图片[5]-js学习笔记day5-魔法少女雪殇

© 版权声明

文章版权归作者所有，未经允许请勿转载。

THE END

喜欢就支持一下吧

相关推荐

评论抢沙发

欢迎您留下宝贵的见解！

提交