![JavaScript零基础学习系列四 JavaScript零基础学习系列四](https://image.shishitao.com:8440/aHR0cHM6Ly9ia3FzaW1nLmlrYWZhbi5jb20vdXBsb2FkL2NoYXRncHQtcy5wbmc%2FIQ%3D%3D.png?!?w=700&webp=1)
案例分享
对象
具体的东西,在以js的眼光看所有的标签都是标签对象,对象是属性的无序集合。
创建对象有两种方式:
直接量;
构造器:所谓的构造器,其实就是函数,只不过这个函数有些特殊,因为它是用于创建对象的,所以首字母大写。想借鉴类的思想。然而在js中是没有类的,所以这个构造器就充当了类的角色。
简单应用一
- Js控制改变标签的html属性和Css属性之间的区别与如何获取标签对象。
1.首先获取标签,document.getElementById('标签id值')
2.找到对应的标签属性并赋值
a.HTML的标签属性设置
1.取值var w=对象.HTML属性名
2.对象.HTML属性名=值
b.CSS属性设置
1.Var ab=对象.style.CSS属性名
2.对象.style.CSS属性名=值(字符串)
3.CSS中的属性比如:background-color应转化为:backgroundColor 此为小驼峰的命名法。
4.注意:网页获取下来的“值”都是字符串所以在针对CSS属性的时候必须将得到的属性添加上单位px
案例分享
图二中既是对于CSS属性的修改,此时需注意的是添加单位px,以及小驼峰法转换 原来的写法如:background-color ---》backgroundColor
简单应用二
认真体会如果修改以及获取元素的值,修改网页中的文字内容是否与修改单标签中的值一致?
这里计算的仅仅是整数的简单运算所以用parseInt()将获取下来的字符全部转换成了整数进行运算。
注意:innerHTML和value对比,innerHTML所有在这个对象之内的内容都是innerHTML的内容。value内容一般是指input标签的时候是value,双标签都需要用到innerHTML,而单标签input则为value。
创建标签的方法与添加标签至body中或者对应obj中的方法如上。
事件
HTML和Js通过事件建立起来联系,所以在JavaScript中我们对于事件的学习尤为重要。
鼠标事件:
onclick:点击事件
onmouseover:鼠标放上
onmouseout:鼠标离开
ondbclick:双击
onmousedown: 鼠标按下
onmouseup: 鼠标抬起
onmousemove: 鼠标移动。
举个单击事件