1.Javascript简介
什么是Javascript
基于对象和驱动的脚本语言,应用于客户端
- 基于对象:提供好了对象,可以直接拿来使用
*事件驱动 :动态效果 - 客户端:游览器
特点 - 交互性(信息的动态交互)
- 安全性(不可以直接访问本地磁盘)
- 跨平台性(只要是可以解析js的浏览器都可以执行,和平台无关)
2js和html的结合方式(两种)
第一种:
- 使用一个标签
<script type="text/javascript">js代码</script>
第二种:
- 使用script标签,引入一个外部的js文件
创建一个js文件,写js代码
<script type="text/javascript" src="js/new_file.js" >
注意:
不用再script中写js代码
3.js的原始类型和声明变量
*定义变量都用关键字 var
- js的原始类型
string 字符串
var str = "abc";
var str = "abc";
alert(str);
与上代码相似
number 数字类型
var num = "123";
boolean true 和 false
var flag ="true";
null
var date = new Date();
表示获取对象的引用,null表示对象引用为空
undifined
定义一个变量 没有赋值
var aa;
typeof(数据名称):查看数据类型
4js的语句
if判断语句
var a = 5;
if(a==5){
alert("NIHAO");
}
else{
alert("sB")
}
switch语句
var a = 6;
switch (a){
case 6:
alert("nihao");
break;
case 7:
alert("zaijian")
break;
default:
alert("other");
}
循环语句
for(var num = 1;num<5 ;num++)
{
语句体;
}
js的运算符
3.字符串相加和相减的操作
如果相加的时候,做的是字符串连接
如果相减,做的是相减运算
提示 NaN :表示不是一个数字
4.Boolean 类型也可以操作
如果设置成 true,相当于这个值是 1
如果设置成 false,相当于这个值是 0
5. == 和 === 区别
做判断:
== 比较的只是值
=== 比较的是值和类型
6.引入知识
直接向页面输出语句(可以把内容显示在页面上)
document.write("aaa");
document.write("<hr/>");
可以向页面输出变量,固定值和 html 代码
7.js 数组
1.数组定义方式
- 第一种:
var arr=[1,2,3];
var arr=[1,"4",ture];
- 第二种:
使用内置 Array 对象
var arr1=new Array(5);//定义一个数组,数组长度是 5
- 第三种:
使用内置 Array 对象
var arr1=new Array(3,4,5);//定义一个数组,数组元素是3 4 5
2.数组属性
length : 获取到数组长度
3.数组可以存放不同的数据类型的数据
8.js 函数
1.定义函数
- 第一种方式:
使用到关键字function
function 方法名(参数列表){
方法体;
返回值可有可无(根据实际需要)
}
举例:
function add(a,b,c){
var sum=a+b+c;
return sum;
}
alert(add(3,4,5)); //调用方法
- 第二种方式:
匿名函数
var add=function(参数列表){
方法体和返回值
}
举例:
var add =function(m,n){
alert(m+n);
}
add(5,6); //调用方法
9.js 全局变量和局部变量
全局变量:在 script 标签里面定义一个变量,这个变量在页面中 js 部分都可以使用
——在方法外部使用,在方法内部使用,在另一个 script 标签使用
局部变量:在方法内部定义一个变量,只能在方法内部使用
——如果在方法外部调用这个变量,提示出错