2018-11-13

作者: 渣渣曾 | 来源:发表于2018-11-13 19:10 被阅读0次

onmouseover
onmouseout

on mouse over
on操作：几乎每一个事件前面都要加上on
mouse:鼠标，表示这是一个鼠标事件
over：鼠标悬浮
out：鼠标离开
onclick on+click 鼠标左击事件
click: 鼠标点击
js是一种基于事件驱动的语言。
事件：用户的操作还有其他的一些操作。

面向对象：
var ergouzi = {};
ergouzi.height = 180;
ergouzi.age = 18;
ergouzi.eat=function(){

}

=的作用：
赋值号，将某个值赋值给某一个量。
;的作用：
表示一条代码的结束，每一条完整的代码在结束的时候需要加上一个分号，让浏览器知道这个语句结束了。可以执行了。
需要注意的在JS里面分号之后如果其他代码是另起一行的话，这个分号是可以省略的，但是作为规范，我们每一句话后面都要自觉的加上分号。
以后再代码部署的时候有可能会压缩JS代码，也需要具有规范的代码格式。

oDiv.onclick = function(){
oDiv.style.display = 'block';
oDiv.style.height = '200px';
}

函数的格式
// function 是函数的关键字
// over 是函数名
// ( ) 传递参数
// { } 里面去实现功能，类似于CSS的{}
function over(){
//代码实现
}
函数的使用
func_name(); 函数名+();

第一个兼容问题：
能否直接使用元素的ID来进行操作元素的属性。
需要获取出来这个元素。JS提供了一个方法。
document.getElementById('元素的id名称');
变量：可以变化的量叫做变量。 var x = 4; 8+x
常量：不可以变化的量叫做常量。 4 9+4
变量也可以理解成一个容器。

var: 告诉浏览器，我后面的是一个变量。

注释
HTML的注释
CSS的注释 /* 注释的内容 /
JS的注释：
单行注释： // 注释的内容
多行注释： /
注释的内容
注释的内容
*/
驼峰命名法
大驼峰：
GetName 每一个单词的首字母都要大写。
一般命名对象以及类
小驼峰：
getElementByID 每一个单词的首字母大写，第一个单词除外。
一般命名变量以及函数
下划线命名法
每一个单词之间使用下滑线连接。
例如：user_name
标识符命名规则：也就是起名字的规则。
1.字母数字下划线 $组成 2.一般是一字母或者$ 开头的。不能以数字开头
3.起名字尽量使用英文，可以使用中文或者汉字但是不推荐
4.要有意义，不要使用a,b,c单字母定义。

background-image:url();
如果要修改的属性是复合属性，那么要修改属性的名字，改为驼峰命名法。
obj.style.backgroundImage='url()';
true | false 布尔值真和假
== 判断是否相等

16.if判断
if(box.checked == true){
box.checked = false;
}else{
box.checked = true;
}

if(判断){

}

if(判断){

}else{

}

17.<a href="javascript:alert(1);">点击</a>
a标签的href属性里面是可以实现js代码的。

奇葩的class
一般来说我们操作标签的属性都是直接使用属性名进行操作。
如果遇到CSS里面的复合属性，我们把它改变成驼峰命名法。
操作属性的第二种方法
第一种：obj.style.属性名 = 属性值
第二种：obj.style[属性名] = 属性值
区别：第二种是可以接受一个变量名作为属性名
但是如果接受的是一个具体的属性字符串，那么需要添加引号：obj.style['属性名'] = 属性值。
第一种的操作完全可以转化成第二种。只需要将点换成中括号，然后给属性名加上引号。也就是说但凡是用点的地方都可以使用中括号代替哦。
JS的三种输出方式
第一种：alert(); 弹出一个提示窗口
第二种：console.log(); 在控制台输出
第三种：document.write(); 在文档调用本段JS的地方输出