JavaScript

1.简介

• 什么是JavaScript：JavaScript 是一种轻量级的脚本编程语言。
• 提供html页面交互效果
• 安全性
• 跨平台性/跨浏览器

2.组成部分

• ECMAScript：语句，语法
• BOM：broswer object model 浏览器对象模型
• DOM：document object mode 文档对象模型

3.javascript和html的结合方式

第一种：内嵌<script type="text/javascript">    alert("aaa");    //单行注释    /*    多行注释    */</script>第二种：外部引用<script type="text/javascript" src="1.js">    //不要在script标签里面写js代码了，不会执行    alert("aaa");</script>

4.语法

1.变量声明和数据类型

//变量都使用关键字varvar a = 10;//stringvar a = "abc";//numbervar b = 10;//booleanvar c = true;//nullvar date = null;//undefined，定义了一个变量，但是没有赋值var a;

2.查看当前变量的类型

alert(typeof(a));document.write(typeof(a));

3.类型转换

//转换成字符串 toString()//转换成数字：parseInt() 和 parseFloat() //强制类型转换Boolean(value) Number(value) String(value)

4.语句

• 选择语句(if,switch)和循环语句(while,for)用法同java语句相同

5.document.write()

//向页面输出变量       //向页面直接输出html代码document.write(i);document.write("<br/>");

6.运算符

• 不区分整数和小数

//字符串相加是字符串的拼接操作，字符串相减是真正的相减运算，如果字符串不是数字提示NaNvar b = "10";document.write(b+1); //字符串拼接document.write(b-1); //真正相减的运算var c = "a";document.write(c-1); //NaN =//赋值==//比较值===//比较值和类型var mm = "10";if(mm==="10") {    alert("10");} else {    alert("other");}//如果布尔类型值是true，把类型当成1运算；如果布尔类型值是false，把类型当成0运算var flag = true;document.write(flag+1); // 2,当boolean类型是true时候，把类型当成1运算var flag1 = false;document.write(flag1+1); //1,当boolean类型是false时候，把类型当成0运算

7.数组

• javascript里数组的长度可变
• join()把数组根据指定字符进行分割
• pop()删除并返回数组的最后一个元素
• push()向数组的末尾添加元素，并返回新的长度
• 数组本身可以作为一个元素添加到数组

//定义数组的方式var arr1 = [];var arr2 = ["10",10,true]; //可以写任意的类型var arr3 = new Array(3);//数组的长度是3var arr4 = new Array(4,5,6);//数组里面的值4 5 6

8.String

//创建字符串：var a = "abc"; var b = new String("bb");//将字符串显示为链接document.write(a.link("04-练习99乘法表.html"));//concat()连接字符串 document.write(str.concat(str1));//子串var str4 = "MARYJACKLUCY";document.write(str4.substr(2,3));//(start,count)  document.write(str4.substring(2,3));//[start,end)

9.Math

var a = 10.2;//ceil(x) 上舍入。document.write(Math.ceil(a)); //11//floor(x) 下舍入。document.write(Math.floor(a));//10//round(x) 四舍五入document.write(Math.round(a));//random() 返回 0 ~ 1 之间的随机数 document.write(Math.random());

10.Date

//得到当前的时间var date = new Date();document.write(date.getFullYear());document.write(date.getTime());//返回 1970 年 1 月 1 日至今的毫秒数

11.RegRxp正则

//创建正则表达式对象var reg = new RegExp("[a]");//创建一个字符串var name = "lisi";//使用正则对象匹配字符串var flag = reg.test(name);//返回布尔值document.write(flag);

12.Bom

• 浏览器对象模型

//重复执行代码var id1=setInterval("alert('setinterval');",3000);//执行一次代码var id2=setTimeout("alert('settimeout');",3000);clearInterval(id1);//取消由 setInterval() 设置的 timeout。clearTimeout(id2);//取消由setTimeout() 方法设置的 timeout。

13.全局变量和局部变量

• 如果在一个script标签里面定义变量，在页面中的其他script标签里面都可以使用
• 方法里面定义一个变量，这个变量只能在方法里面使用

14.全局函数

• 不属于任何对象

eval()//把字符串当成js代码执行isNaN()//检查某个值是否是数字,如果是数字返回 false,如果不是一个数字返回 true。parseInt()//解析一个字符串并返回一个整数encodeURI()//把字符串编码为URIdecodeURI()//解码某个编码的URI