JavaScript学习笔记

初识JS

2016-10-15  本文已影响0人  lemontree2000

1、js

javascript : 脚本语言,用来实现网页交互、动态效果的,是一种弱类型语言。

2、事件

事件:就是用户的操作 

onclick : 当点击的时候。

onmouseover: 当鼠标移入的时候。

onmouseout: 当鼠标移出的时候。

onchange : 当值发生改变的时候.

事件给谁加?用户操作谁就个谁加。

事件名: 全部小写

事件没有标签限制:

a ).任何标签都可以加事件

b ).任何属性都可以修改

c ).在Html里面怎么写,js就怎么写。 class 例外  > className

3、获取元素

var  oDiv = document.getElementById('id');

document(文档)  get (获取)Element(元素) By(通过) Id(ID)

var  aDiv = document.getElementsById('div');   //通过标签名获取

通过id只能获取一个元素  //只能在document下获取

通过标签名获取的是一组元素 // 既能在document下获取,也能在父元素下获取

一组元素可以通过[下标]来访问。例如: aDiv[0].style.background = 'red';

[0,1,2,3] 下标从零开始。length 表示该组元素的长度

var   代表声明一个变量。如果不加会变成全局变量

“=” 这里不是等于的含义, 而是赋值。把后面的值赋给变量,赋值语句必须在句尾加上都分号“;”

“==”两个等是比较的意思。

4、函数 

1、定义一个函数

function 函数名( 参数 ) {
      // js代码

}

2、函数的调用

函数名(参数);  一定要加上小括号

函数的定义和调用缺一不可,函数取名尽量语义化用英文。

函数的括号里的参数可以有多个,如 function show(a,b ) 

什么时候用参数?

内容可变的、不确定的时候用。

函数定义在哪里不重要,重要的是在哪里调用!!!


5、修改样式的规则

var oDiv = document.getElementById('ID');

        oDiv.onclick = function () {

         oDiv.style.background = 'red';

}

我们在用JS操作样式的时候其实是操作的行间样式。

上一篇 下一篇

猜你喜欢

热点阅读