1、变量与字符串:
变量:是一个容器,里面是用来存方东西的,可以使数字,也可以是字符串,也可以是对象,也可以是其他的东西,比如说布尔值。
字符串:一串字符。比如abc
变量是可以接受字符串的:
var str = "abcdef";
var str1 = 'abc';
也就是说在定义字符串的时候,可以使用单引号也可以使用双引号。
在代码中使用到字符串的时候必须要加上引号,使用变量的时候不需要(不能加)。
2、通过JS的obj.style.样式操作的是元素的行间属性。
行间样式: 直接写在HTML元素style属性中的样式
内部样式: 写在HTML头部的style标签里面的样式
外部样式: 通过link或者@import引入的外部样式
3、优先级:
猜想1:内部 》 行间 》 外部
猜想2:行间 》 内部 》外部
实验:如果样式没有冲突,显示的时候会怎么样?
结论:所有的设置的样式效果都会显示
实验:如果样式有冲突,显示的时候会怎么样?
结论1:行间的样式优先级最高。
结论2:外部样式与内部样式谁距离标签近,谁的优先级高。
4、id选择器、class选择器、标签选择器。优先级谁高?
id > class > 标签
在操作元素样式的要统一,要不全部使用行间样式操作,要不全部统一为操作元素的类。
5、jS代码是按照从上到下的顺序加载的,执行循序也是从上到下。一行代码执行完成之后,再加载下一行代码。
一个页面中script标签可以有很多个。
6、匿名函数,当一个函数直接赋值的时候,这个时候函数不需要具有名字,类似的比如赋值给事件,赋值给变量都不需要名字,这样的函数叫做匿名函数。
匿名函数的格式:
var a = function (){
};
7、window.onload
页面加载事件,当整个页面的所有HTML标签加载完成的时候,会自动的触发这个事件。有了这个事件我们就不需要考虑JS的位置了。写在onload事件函数里面的代码会在页面加载完成的时候执行。
8、JS规范
自己写的JS一般书写在body结束标签之前,所有的页面标签之后。
9、行间事件的提取
样式表现 ,行为 与内容相分离。
内容与样式分离
1. 首先通过JS获取出来要添加事件的标签
var oBtn = document.getElementById('btn');
2. 给这个标签添加指定的事件处理函数
oBtn.onclick = function(){};
3. 实现函数
oBtn.onclick = function(){
var oDiv = document.getElementById('div');
oDiv.className = 'to-blue';
};
10、页面添加CSS的方式
行间: 直接写在标签的style属性值
内部: 写在HTML头部里面的style标签里
外部: 通过link引入一个css文件
11、页面添加JS 的方式
行间:a标签的href. 行间事件
内部:写在script标签里面
外部:通过script标签的src属性引入。
一旦script标签通过src属性引入了外部的js文件,这个标签的内部就不能写任何JS代码
12、document.getElementsByTagName
属于DOM操作
get Element s By Tag Name
获取 元素 们 根据 标签 名
注意:获取的是一组数据,即使里面符合条件的只有一个,那么也是一组数据。
获取出来的数据是一个数组。
数组就是一组数据。数组具有一个length属性,这个属性可以获取出来数组中具有多少个数据。length会随着数组元素的个数发生变化。
get Element s By ClassName
获取 元素 们 根据 类名
13、while循环 执行循环
起床 --- 上课 ----吃饭 ---睡觉 ---上课 ----吃饭 ---睡觉
数学 1+100
while(条件){
循环执行过程
改变条件
}
例子:打印1-100
//1初始化循环条件
var a= 1;
//2判断是否符合循环条件
while(a < 101){
//执行循环内容
console.log(a);
//3改变循环条件
a = a + 1;
}
1,for循环
for(初始化;条件判断;改变循环条件){
};
this 每一个函数都有自己调用的对象;
如果s直接使用的系统函数或者是用户自定义的函数,他们的this都是通过浏览器调用的也就是window。
window。onload
alert.===window.alert();
有了this我们就可以在函数内部获取到调用这个函数的对象。
而且this只能使用在函数的内部,每一个函数都具有this。
数组:能够保留一组数据的变量类型。
数字 字符串
var aee = [1,2,3];
每一个数组都具有一个lenght的属性,这个属性是记录这个数组中的数据个数。
innerHTML
能够获取出HTML标签里面的内容与设置html标签里面的内容
不仅能够获取或者设置文字而且能够设置或者获取带有html的标签内容
+号
数学的计算 加法运算
神奇的胶水,能够将字符串连接起来
网友评论