JavaScript基础

1 JavaScript书写位置

（1）行内：写在标签的属性里，这个属性必须是事件属性，不推荐使用
（2）内嵌：在HTML文件中，放在script标签里<script type="text/javascript">js代码</script>
（3）外链：在单独的js文件里，在HTML文件中，通过script的src属性引用到页面中<script type="text/javascript" src="js文件路径"></script>

2 元素定位和样式设置

元素定位：
（1）document.getElementById(目标标签的id属性值)

（2）document.getElementByName(目标标签的name属性值)

（3）document.getElementByClassName(目标标签的class属性值),多元素查找，查找到的是页面中的一组元素，如果想访问单个元素，需要通过 [元素下标] 来实现，下标从0开始

元素定位后样式设置：

查找到元素后，通过英文的点号来选择对应的样式进行设定。如：
document.getElementById('div1').style.width='800px';

3 变量

（1） 定义：var 变量名

（2）变量命名规则：由字母、数字、下划线、$构成，不建议使用中文，变量名不能以数字开头，不能和js中的关键字相同。

（3）用途：通常用以记录查找到的元素，方便后续进行使用和样式设置。如：

$_blm = document.getElementById('div1').style;
$_blm.width = '800px';

4 事件

事件的3要素：
（1）事件源：定位到的某个页面元素
（2）事件类型：表示如何操作该元素时会发生该事件
（3）匿名函数：定义事件发生时的处理动作

事件：
（1）单击：onclick
（2）双击：ondbclick
（3）鼠标移入：onmouseover
（4）鼠标移出：onmouseout
（5）window.onload事件：当元素都加载完毕后再执行js代码（HTML文件由上至下执行，若js代码放在元素定义之前就会出现问题）

5 innerHTML属性

作用：设置或返回开始和结束标签之间的HTML
元素.innerHTML = ‘元素中html的显示内容’

6 自定义函数

function 函数名(){
	js代码
}