前端开发教程六之JS

js(javascript)----玩css的(操作css样式)

***只要会说话，就会写js;

1.如果想写js语言,必须要先写一个script标签;
2.想要写js的时候，必须先写一句window.onload;
window.onload 窗口加载的时候;
onload 加载事件
3.事件后面必有一个函数;
4.在js中,只要是on开头都是事件;
5.操作一组元素的时候，使用循环;
6.操作一组元素中的某一个的时候，使用下标;

js命名规范：

object			一个对象

例:
	oBox
		
array			一组数组

例：
	aBtn
	函数:

1.声明函数;

	定义:告诉浏览器有这个函数，但是不执行;
	格式:
		function 函数名(){
			js语句;
		}

2.执行函数;

	定义:告诉浏览器，我要执行这个函数了;
	
	格式:
		函数名();

获取元素;

1.通过id获取一个元素;

	格式:
		document.getElementById('id的名字');
		
		document		当前文档;
		.				目前代表"的"的意思;
		get				获取
		element			元素
		by				通过
		id				id

2.通过class获取一组元素;(不推荐使用)

	格式:
		document.getElementsByClassName('class的名字');

3.通过标签名获取一组元素;

	格式:
		document.getElementsByTagName('标签名');

变量(装东西用的)

格式:
	
	var 变量名=变量值;
	
	var a=1;

变量 与 常量

    变量声明  var是声明变量的一个关键字 (variable)
    变量的命名规则：可以包含字母，数字，下划线，不能以数字开头(驼峰命名法)
    变量： 可以变化的量

    常量  const 是声明常量的关键字
    常量： 不可以改变的量

    扩展： 1>可以同时声明多个变量，变量名之间用 逗号 隔开
           2> 变量提升问题: 先使用变量，后声明变量，在js中是不会报错的。

<b> 变量类型 ----------------------------------------------------
    基本数据类型（简单数据类型）：数字型  number， 字符串型 string， 布尔类型  boolean，未定义型 undefined，null 空值。

    复杂数据类型（引用类型）: 数组（Array） 函数（Function） 对象（Object）

<c> 判断变量类型--------------------------------------------------
    typeof 用来判断变量类型
    instanceof 用来测试 左边的对象 是否是 右边类的 实例，返回布尔类型的值。 true表示真，false表示假。

事件:

onload		加载事件;

onclick		点击事件;

onmouseover	鼠标移入事件;

onmouseout	鼠标移出事件;

循环:

for循环:

	执行顺序:
	
		1.初始值		2.条件	3.js语句		4.自增
		
	格式:
	
		for(初始值;条件;自增){
			js语句;
		}
		
	例：
	
		for(var i=0;i<5;i++){
			alert(i);
		}
		
		0 1 2 3 4
	length		长度(个数)

总结

以上就是本篇文章要讲的内容，本文开始对JavaScript也就是js的进攻，希望大家结合本文内容多多练习，我们下期再会！
注：以上内容均来自智游集团张瑞，王晨阳传授