JAVA WEB之JavaScript一
javascript学习笔记
一、javascript简介
javascrpt是基于对象和事件驱动的脚本语言,主要用在客户端
特点:
-交互性(信息的动态互动)
-安全性(不可以直接访问本地磁盘)
-跨平台性(只要是可以解析js的浏览器都可以执行,和平台无关)
-----基于对象:
**提供了很多对象,不需要创建对象,可以直接拿来用
-------事件驱动
**HTML做静态效果,JavaScript动态效果
----------客户端 专门指浏览器
二、JavaScript和Java的关系
雷锋和雷峰塔,老婆和老婆饼的关系
三、JavaScript的组成
四、JavaScript与HTML的结合方式
第一种:
----使用一个标签<script type=”text/javascript”>js代码</script>
<html>
<head>
</head>
<body>
<script type=”text/javascript” src=”1.js”>
alert(“aaaaaaaa”);
</script>
</body>
</html>
第二种:
-----使用script标签,引入一个js代码
五、js的原始类型和声明变量
***js的原始类型
---string :字符串
---number :数字类型
---boolean :布尔类型
---null null表示对象引用为空,所有对象的引用也是object
---undeifined 定义一个变量,但没有复制 var aa;
***声明变量 利用var关键字
var s =”10”;
***typeof() 查看当前的变量类型
六、js的流程控制语句
1、if和Java中一样
2、switch和Java中一样
3、循环语句for(同Java),while(同Java),do-while
七、js里面的运算符
1、js里面不区分整数和小数
如下Java代码运行结果为0:
public static void main(String args[]){
int i = 123;
System.out.println(i/1000*1000);
}
然而在js中结果为123
2、字符串的相加和相减
*相加做的是字符串连接
*相减做的是减法
var str =”456”;
alert(str+1);##相加时,和Java结果一样
alert(str-1);##相减时,执行减法
3、boolean类型
*如果设置为TRUE,则相当于1
*如果设置为FALSE,则相当于0
4、==和===的区别
**==比较的是值
**===比较的是值和类型
直接向页面输出的数据:(向页面输出内容)
*document.write()
八、js的数组
定义:
第一种方法:
var arr = [1,2,3,4];
var arr1 = [1,”2”, 3,true];
第二种方法:使用内置Array对象
var arr = new Array(5);//定义一个长度为5的数组
arr[0] = 1;
var arr1 = new Array(6,7,8);
数组里面有个length属性,输出数组的长度
数组的长度是可变的
九、js的函数
定义函数的三种方式:
1、function 方法名(参数列表){
};
//参数列表中只需写变量名即可,不要写var,如add1(a,b)
//返回值用return关键字
调用方法:
方法名(参数列表);
2、匿名函数
var add = function(参数列表){
方法体和返回值;
}
//可以通过add调用函数,例如add(3, 5)
3、使用js的内置对象Function
var add = new Function(”参数列表”, “方法体和返回值”)
十、js的全局变量和局部变量
**全局变量:在script标签里面定义一个变量,这个变量在页面中js部分都可以使用
**局部变量:在方法内部定义的变量,只能在方法内部使用
调试代码,使用IE浏览器打开HTML代码,按F12即可调试HTML代码
十一、script标签的位置
可以放在HTML文档里面的任意位置,建议放在<body></body>后面
十二、js的重载