视频1:

页面的动态效果一般用js实现

鼠标放到一个部件上去:onmouseover 

鼠标从一个部件上离开的时候 onmouseout

这两个都是事件

div.style.display='block'

div.style.display='none'

js是基于对象和事件驱动且相对安全的客户端使用的脚本语言

使用js的方式:

确定对象,确定属性,确定事件,用js要实现的功能

视频2:

js的学习(1)

js的特点

js的学习(1)

一个完整的JavaScript应该由下列三个不同的部分组成
1核心(ECMAScript)

2文档对象模型(DOM)

3浏览器对象模型(BOM)

视频3:

讲解js中的变量

例子:让用户输入两个数,然后对他们进行求和操作

思路:要对用户输入的数值进行存储 才可能有以后的求和操作

var m =prompt(“输入第一个数字”);

var n =prompt(“输入第一个数字”);

alert(parseInt(m)+parseInt(n));//因为输入的字符串 所以要转化成整型才可以进行计算

变量用来存储程序中用到的数据

变量的特点:

  1. 变量之中只能存储一个数;
  2. 变量中存储的数据是可以改变的;

变量的命名规则:

js的学习(1)

视频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:

赋值运算符

js的学习(1)

例子:复合运算符

a+=5;//a=a+5

a*=3;//a=a*3

复合表达式

var b;

alert(b=66);

//输出的是66,赋值表达式的值就是赋值号右边的值

alert(b*2);//132 算数表达式的值是整个算式的结果

相关文章:

  • 2021-06-28
  • 2022-02-27
  • 2021-11-30
  • 2021-06-16
  • 2022-12-23
  • 2021-12-06
  • 2022-12-23
猜你喜欢
  • 2021-05-08
  • 2021-12-06
  • 2021-07-18
  • 2021-12-12
  • 2022-01-27
  • 2021-04-06
  • 2021-10-25
相关资源
相似解决方案