JavaScript (行为层)的基本操作
2017-12-09 本文已影响0人
AAA年华
HTML:===> 结构层 css:===> 表现层 js:===> 行为层
js(javascript):一门弱数据类型的脚步语言,主要用于网页的编写
js的历史:1992年的 c-- 、scriptEase、livescript ==> javascript
浏览器之争:网景公司和微软集团。
js主要作用:
1、数据验证(校验)
2、网页特效
3、数据交互(ajax)
1、如何判断一门技术是否是编程语言:
![](https://img.haomeiwen.com/i8777041/10f5906459d29a2a.png)
2、注释的说明:
![](https://img.haomeiwen.com/i8777041/774e25fe0b355a88.png)
3、javascript的数据类型
![](https://img.haomeiwen.com/i8777041/82454731ac6cab19.png)
4、javascript的运算符
![](https://img.haomeiwen.com/i8777041/6e58da162d27cb02.png)
5、选择结构:相当于python中的if和while
![](https://img.haomeiwen.com/i8777041/9c4cae6099c320d7.png)
6、选择结构的例子:
![](https://img.haomeiwen.com/i8777041/efde1629c2079c97.png)
![](https://img.haomeiwen.com/i8777041/19aafee341a77c19.png)
注意:break,程序运行终止。break后面代码不运行
![](https://img.haomeiwen.com/i8777041/daddfd9193d7ea7f.png)
例子代码1:
![](https://img.haomeiwen.com/i8777041/1ddc23f28f84d6ed.png)
例子代码2:
![](https://img.haomeiwen.com/i8777041/49fc2d1d8efb9cfe.png)
例子代码3:
isNaN 的默认值是boolean 类型。 下面的结果是false
![](https://img.haomeiwen.com/i8777041/a334b0c849af2567.png)
例子代码4:
![](https://img.haomeiwen.com/i8777041/ed08c2d289fde2e7.png)
例子代码5:数字转化字符串方法。
![](https://img.haomeiwen.com/i8777041/dc8ffc91d0bc8640.png)
1、javascript的三种循环:
![](https://img.haomeiwen.com/i8777041/29802ac5d81a0df2.png)
2、javascript的函数:
![](https://img.haomeiwen.com/i8777041/5358c13a4ad2681f.png)
函数的例子:
![](https://img.haomeiwen.com/i8777041/b2e9b73d361078a9.png)
3、数学对象:MATH python中也有。import math 模块。 math.方法名
这里主要讲解内置对象Math的各种方法
random() 随机数
round()四舍五入
floor(x) 向下取整
ceil(x) 向上取整
pow(x, y)计算次方
sqrt(x)平方根
max()获取数列中最大的一个数据
min()获取数据列中最小的一个数据
![](https://img.haomeiwen.com/i8777041/a316109c90e8d275.png)
4、javascript数组
![](https://img.haomeiwen.com/i8777041/637b74f8a182785a.png)
![](https://img.haomeiwen.com/i8777041/af7e018b2cdf5a87.png)
5、javascript日期对象:
![](https://img.haomeiwen.com/i8777041/bdb44e97156a6b84.png)
6、字符串对象
pop()删除最后一个元素
push()末尾追加一个元素
shift()删除开头的一个元素
unshift()开始位置增加一个元素
indexOf()查看某个元素的位置
length获取数组的长度
![](https://img.haomeiwen.com/i8777041/b4eb7dcc1f029f93.png)
![](https://img.haomeiwen.com/i8777041/c7f02a2c56659b64.png)