JavaScript
组成:
- ECMAScript
-ECMA:欧洲计算机协会
- 由ECMA组织制定的js的语法,语句...
- BOM
-broswer object model:浏览器对象模型
- DOM
- document object model:文档对象模型
Js和HTML的结合方式(两种)
第一种:
- 在body中 使用一个标签 <script type=”text/javascript” > javascript代码</script>
第二种:
- 使用script标签,引入一个外部的js文件
- 创建一个js的文件
- <script type=”text/javascript” src=”” > </script>
使用第二种方式时,不要在标签里面写js的代码了,写了也不会有作用
Js的原始类型和声明变量
Java的基本数据类型byte short int long float double char boolean
Js的原始类型(五个)
-string:字符串
* var str=”abd”;
-number:数字类型
* var m=111;
-boolean:true和false
* var flag=true;
-null
* var date=new Date();
* 获取一个对象的引用,null表示对象引用为空
-undefined
* 定义一个变量,没有赋值
* var aa;
*typeof(变量名称) :查看变量类型
js语句
*if语句
*for while
*switch
js的运算符
Js里面不区分整数和小数,123/1000*1000=123 //在java中就会是0
相加进行字符串连接
相减,做的是相减的运算
Var str=”123”;
*Str+1 //1231
*str-1 //122
*var s=”asa”;
*s-1 //提示出现NaN:表示不是一个数字
-boolean
如果设置为true,相当于1
如果设置为false,相当于0
- ==与===区别
==比较的只是值,不比较类型
===比较的是值和类型
引入知识
直接打印在页面上
*document.write(“saf”);
*document.write(“<hr/>”);
Js的数组
定义方法(三种)
第一种:var arr=[1,2,”sd”,true];
第二种:使用内置对象Array
- var arr1=new Array(5);//定义一个数组,长度为5
第三种:使用内置对象Array
-var arr2=new Array(3,4,2) //定义一个数组 数组元素为3 4 2
数组里面有一个属性 length 可以获取数组的长度
Js的函数
定义方式(三种)
第一种:
使用一个关键字function
*function 方法名(参数列表){
方法体;
返回值可有可无
}
第二种:
匿名函数:
*var add = function(参数列表){
方法体;
返回值
}
第三种(了解):
需要使用js的内置对象 Function
*var add = new Function(“函数列表”,”方法体和返回值”);
比如:var add = new Function(“x,y”,”var sum;sum=x+y;return sum”);
js的全局变量和局部变量
全局变量:在script标签里面定义一个变量,这个变量在页面的js部分都可以使用(不是一个script标签都可以)
局部变量:在方法内部定义的一个变量只能在方法内部中使用
Script标签放置的位置
可以放在任何位置都可以,但是为了标准,建议放置在</body>后面,因为HTML是由上至下解析的。