视频1:
页面的动态效果一般用js实现
鼠标放到一个部件上去:onmouseover
鼠标从一个部件上离开的时候 onmouseout
这两个都是事件
div.style.display='block'
div.style.display='none'
js是基于对象和事件驱动且相对安全的客户端使用的脚本语言
使用js的方式:
确定对象,确定属性,确定事件,用js要实现的功能
视频2:
js的特点
一个完整的JavaScript应该由下列三个不同的部分组成
1核心(ECMAScript)
2文档对象模型(DOM)
3浏览器对象模型(BOM)
视频3:
讲解js中的变量
例子:让用户输入两个数,然后对他们进行求和操作
思路:要对用户输入的数值进行存储 才可能有以后的求和操作
var m =prompt(“输入第一个数字”);
var n =prompt(“输入第一个数字”);
alert(parseInt(m)+parseInt(n));//因为输入的字符串 所以要转化成整型才可以进行计算
变量用来存储程序中用到的数据
变量的特点:
- 变量之中只能存储一个数;
- 变量中存储的数据是可以改变的;
变量的命名规则:
视频4:
js的数据类型(有四种)
number(数字)、string(字符串类型)、boolean(布尔类型)布尔只有true和false两种
js是属于弱类型的语言 不管是什么类型的数据 都要统一使用var进行定义
typeof是判断这个变量的存储类型的
例子:
var a= 15;
alert(typeof a);
如果数据没有定义,那么它就是undefined,即未定义数据类型。
视频5:
js的进制
在程序中定义的数值默认就是十进制的
八进制的数值在前面加上0就可以 如果把这个数值弹出 就是十进制的形式弹出
例子:
var b=010;
alert(b);
十六进制的数值在0x就可以
在电脑中永远都是以二进制进行保存
二进制中只有0和1,用二进制表示的数据是比较长的
进制的由来:
电脑中的0和1就是用电信号的两种状态进行表示的
为了数据的简短表示,就有了八进制和十六进制,111是7,1111是15.
视频6:
进制转换
十进制转换成其他的进制:反复除以进制值取其余数 然后再倒着数
其他进制转换成为十进制:该数的每一位乘以进制值的相应次幂
例如:
110 就是0*2的0次方+1*2的1次方+1*2的2次方=6
视频7:
连接符号和转义字符
转义字符:通过反斜杠改变后边所跟字符的含义
字符串类型和任何类型的数据相连接 最终都是字符串
如果前面是字符串 后面是数字 就转换成字符串了
例子:
显示 张三说:“你好!!”
alert(“张三说:\“你好\” ”);
alert(“张三说:‘你好!!’ ”);
视频8:
算数运算符
算数运算符:+ - * / % ++ -- (加 减 乘 除 取余 自增运算符 自减运算符)
例子:
alert(10/4);//2.5
alert(10%4);//2 运算符号和变量或常量组合在一起就形成了表达式常量:一个不可以被改变的量
++和--
var i=3;
i++;//i=i+1;
alert("i="+i);//4
var m=3,n;
n=m++;
alert("m="+m+",n="+n);//m=4,n=3
看++写在后边还是写在前边 如果把++写在后边的话 就是后加一,所以就先把3给n,再对m进行加一的操作。
var x=4,y=5;
var z= x++ + y++;
alert("x="+x);//5
alert("y="+y);6
alert("z="+z);//9
例子:
var a=3;
var b=a++ + ++a + a++;
alert("a="+a+",b="+b);
最终结果
b=3+5+5=13
a=6
视频9:
赋值运算符
例子:复合运算符
a+=5;//a=a+5
a*=3;//a=a*3
复合表达式
var b;
alert(b=66);
//输出的是66,赋值表达式的值就是赋值号右边的值
alert(b*2);//132 算数表达式的值是整个算式的结果