JavaScript
----------
一、概述
JavaScript运行在客户端的解释型脚本语言。
解释型:代码每次运行时,都需要被编译成机器语言。再进行运行。例如:PHP、JavaScript。
编译型:代码在每次编辑完成后,被编译成机器语言。运行被编译后的脚本。例如:Java。
TIOBE
JavaScript用途:
- 给网页添加动态化效果。
- 表单验证。
- 读取HTML/XML中的数据。
- 获取客户端的信息等。
二、语法
1、调试工具
firefox-firebug
打开菜单->添加组件->扩展->搜索扩展(firebug)->
安装
应用:F12
chrome(子带调试工具) 应用:F12
IE- HTTPWATCH
2、JavaScript文件的声明
数字、字母、下划线。扩展名:.js
document.write(string)//在浏览器上输出字符串
alert(string) 弹出一个对话框
3、JavaScript引入到HTML文件
a、独立文件引入
<script type="text/javascript" src="javascript文件地址"></script>
b、代码引入
<script> JavaScript代码</script>
4、JavaScript严格区分大小写。
5、JavaScript 语句必须添加分号 (可有可无的分号)
6、JavaScript 注释
单行注释://
多行注释:/* 被注释掉的内容 */
三、JavaScript的变量
变量是命名的内存空间,可有用来存储数据,可以在程序运行中进行计算。
JavaScript的变量也是弱类型。
JavaScript变量的声明:
var 变量名称;
var 变量名称,变量名称...;
var 变量名称 = 值;
变量名称:可以以字母,以下划线,以$做起始,后面跟随可以数字、字母、下划线和$.数字不能作为变量名称的起始。
变量的作用域:
typeof(变量)
测试变量的数据类型
变量的分类:
三大类 八种类型
a、传统类型
- 数值类型(Number)
var i = 10;
var i = 10.1;
- 字符串类型(String)
var i = 'abc';
var i = "abc";
- 布尔类型(Boolean)
var b = true;
var b = false;
b、复合类型
- 对象类型(Object)
var obj = new Object();
var obj = {};
- 数组类型(Array)
var arr = new Array();
var arr = [];
- 函数类型 (Function)
var f = new Function();
c、特殊类型
- undefined
当声明一个变量时,如果没有给变量赋初值。那么这个变量的数据类型就是undefined。
- null
特殊的Object,null类型只有值null。
四、JavaScript的运算
a、按照运算功能划分
- 算术运算
+ - * / % ++ --
- 字符运算
+
- 比较运算
> < == >= <= === !== !=
- 逻辑运算
&& || !
- 赋值运算
= += -= /= *= %=
b、按照参加运算数目划分
- 单目
! + - ++ --
- 双目运算
- 三目运算
exp1?exp2:exp3;
五、分支
if..
if...else...
if...else if...
switch(){
}
六、循环
for(语句1;语句2;语句3){
循环体
}
1、语句1被执行
2、语句2被执行
3、循环体
4、语句3
while(){
}
do{
}while(条件表达式)
区别:do...while循环无论循环条件是否满足,都会执行一次循环体。while循环,当循环条件不满足,不执行循环体。
七、对象
对象中有属性和方法,对象对于属性和方法的访问,通过:.
例如:对象.属性
对象.方法()
字符串对象:
var str = new String();
var str = new String('hello');
var str = 'hello';
属性:length 获取字符串的长度
方法:
对象.indexOf(子字符串)
功能:返回子字符串在字符串对象中首次出现的位置。
对象.toUpperCase()
功能:将字符串对象转换为大写
对象.toLowerCase()
功能:将字符串对象转换为小写
对象.substr(start[,length])
功能:字符串的截取。从字符串对象中进行截取,从start位开始截取,截取length长度,若length没有给出。默认截取到字符串对象的末尾。
对象.slice(start[,end])
功能:字符串的截取. 从字符串对象中进行截取,从start位开始截取,截取到第end位为止。若end不给,默认截取到字符串的末尾。
日期对象
var 变量 = new Date()
方法:
对象.getFullYear()
功能:获取四位的年份。例如:2017
对象.getMonth()
功能:获取月份。(0~11)
对象.getDate()
功能:获取当前日期
对象.getHours()
功能:获取当前小时
对象.getMinutes()
功能:获取当前分钟
对象.getSeconds()
功能:获取当前秒
对象.getDay()
功能:获取当前的星期值(0周日~6周六)
还不快抢沙发