JavaScript

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.变量声明和数据类型

//变量都使用关键字var
var a = 10;
//string
var a = "abc";
//number
var b = 10;
//boolean
var c = true;
//null
var 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.运算符

• 不区分整数和小数

//字符串相加是字符串的拼接操作，字符串相减是真正的相减运算，如果字符串不是数字提示NaN
var 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);//数组的长度是3
var 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()//把字符串编码为URI

decodeURI()//解码某个编码的URI