1.javascript的简介
1.1 是基于对象和事件驱动的语言,应用于客户端
(1)基于对象:提供很多对象,可以直接拿过来使用
(2)事件驱动:html做网站静态效果,JavaScript动态效果
(3)客户端:专指浏览器
1.2 js的特点
(1)交互性:信息的动态交互
(2)安全性:js不能访问本地磁盘的文件
(3)跨平台性:
-java的跨平台性由虚拟机实现
-只有能够支持js的浏览器,都可以运行
1.3 JavaScript和java的区别
(1)java是sun公司,现在是oracle,js是网景公司
(2)JavaScript是基于对象的,java是面向对象
(3)java是强类型语言,js是弱类型语言
(4)JavaScript只需要解析就可以执行,而java需要先编译成字节码文件,再运行
1.4 JavaScript的组成(js)-三部分
(1)ECMAScript
-ECMA:欧洲计算机协会
-由ECMA组织制定的js语法,语句...
(2)BOM
-browser object model:浏览器对象模型
(3)DOM
-document object model:文档对象模型
2. JS和HTML的结合方式(两种)
2.1 第一种
-使用一个标签
<script type="text/javasript"> js代码; </script>
2.2 第二种
-使用script标签,引入一个外部的js文件
-创建一个js文件,写入js代码
<script type="text/javasrcipt" src="1.js">
-注意:使用这种方式时,script标签中不需要再写js代码,不会执行
3. js的原始类型和声明变量
3.1 java的基本数据类型 byte short int long float double char boolean
3.2 定义变量,都使用关键字var
3.3 js 的原始类型(五个)
(1)string:字符串
var str="abc";
(2)number:数字类型
var m=123;
(3)boolean:ture 和 false
var flag=true;
(4)null
var date=new Date();
-获取对象的引用,null表示对象引用为空,所有的对象都是Object
(5)undifined
var aa;
-定义一个变量,没有赋值
4. js的语句
4.1 java里面的语句:
if语句 ,switch语句,循环 for while do-while
4.2 if判断语句,与java相同
4.3 switch语句
-java里面支持数据类型,string在jdk1.7开始支持
-js里面都支持,格式与java相同
switch(6){ case 3: alert("3"); break; case 6: alert("6"); break; default: alert("other"); }
4.4 循环语句 for while do-while
-格式与java相同
var i=5; while(i>1){ alert(i); i--; }
for(var mm=0;mm<=3;mm++){ alert(mm); }
4.5 i++,++i和java里面一样
5. js的运算符
5.1 x+=y ==> x=x+y
5.2 js里面不区分整数和小数,123/1000*1000=123
5.3 字符串的相加和相减的操作
-相加的时候做字符串连接
-相减的时候做相减的操作
提示NaN:表示不是一个数字
5.4 boolean类型的操作
-设置成true,相当于这个值是1
-设置成false,相当于这个值是0
5.5 ==和===的区别
-都是做判断
-==比较的只是值
-===比较的是值和类型
5.6 引入知识
直接向页面输出的语句(可以把内容显示在页面上)
document.write("aaa");
-document.write里面是双引号,如果设置标签的属性需要使用单引号
-document.write可以输出变量,还可以输出html代码
6. js的数组
6.1 数组
(1)方式一
var arr=[1,2,3];
(2)方式二-使用内置对象 Array
var arr1=new Array(5);//定义一个数组,数组的长度是5 arr1[0]="1";
(3)方式三-使用内置对象 Array
var arr2=new Array(3,4,5);//定义一个数组,元素为3,4,5
(4)属性:length-获取数组的长度
(5)数组可以存放不同的数据类型
7. js的函数
7.1 java定义方法
public 返回类型 方法名(参数列表){ 方法体;返回值;}
7.2 js定义函数
(1)关键字function
function 方法名(参数列表){ 方法体; 返回值(可有可无); }
(2)匿名函数
var 函数名=function(参数列表){ 方法体和返回值 }
(3)内置对象Function
var 方法名=Function("参数列表","方法体和返回值");
动态函数:里面的值可以通过参数传递
(3)参数列表中变量名之前不需要添加var
8. js的全局变量和局部变量
8.1全局变量-在script标签里面定义一个变量,这个变量在页面中js部分可以使用
-在方法外部使用,方法内部使用,另一个标签也可以使用
8.2局部变量-在方法内部定义一个变量,只能在方法内部使用
-在方法外部使用时,提示出错: SCRIPT5009:“XX"未定义
8.3 IE 浏览器中F12开发人员工具
9. script标签的位置
9.1 建议script标签放到</body>后面
9.2 如果有需求:在js里面需要获取到input里面的值,若把script标签放到head里面
出现问题:HTML由上到下解析,script标签放在head标签内,直接在里面获取input的值,因为页面还未解析到input行,所以肯定取不到。
10. js的重载-js内没有重载