关于:JavaScript:
一,JavaScript
1, 简介:基于对象和事件驱动的语言,应用于客户端(浏览器)
特点:交互性,安全性,跨平台性
java和JavaScript的区别(雷锋和雷峰塔)
JavaScript 的组成:
1)ECMAScript:由ECMA组织制定语句,语法
2)BOM:browser object model 浏览器对象模型
3)DOM: document object model 文档对象模型
2,js和html的结合方式:两种
第一种:使用html中的标签<script type="text/javascript">js代码</script>
<script type="text/javascript">
alert("asd");
</script>
第二种:使用html的标签,引入外部js文件
<script type="text/javascript" src="js文件路径"></script>
使用第二种时要注意两点:
1)使用第二种时,不要再在script标签里面写js代码了,写了也不执行
2)使用第二种时,结束script标签为<script>,不能在标签内结束
<script type="text/javascript" src="js文件路径">
//这里面是不能再写代码,写了也不执行
</script>
3,js的变量声明和数据类型
1)声明变量都用一个关键字var
2)js的原始类型
第一种,string:字符串类型
第二种,number:数字类型
第三种,boolean:布尔类型 false true
第四种,null: 表示对象引用为空
第五种,undefined;声明不赋值
3)typeof:查看当前变量的类型
4,js的引用类型和类型转换
引用对象:
Object 对象:所有对象都由这个对象继承而来
Boolean 对象;Boolean原始类型的引用类型
Number 对象;Number 原始类型的引用类型
类型转换
转换成字符串
转换成数字:parseInt()和parseFloat()
强制类型转换
Boolean(value) - 把给定的值转换成 Boolean 型;
Number(value) - 把给定的值转换成数字(可以是整数或浮点数);
String(value) - 把给定的值转换成字符串;
5,js的语句
1)if语句
2)swith语句
3)for循环语句
4)while循环语句
5)使用document.write()向页面输出内容
可以向页面输出变量,也可以向页面输出html代码
document.write(i);
document.write("<hr/>");
6,99乘法表
经典案列;
方法一:
<script type="text/javascript">
document.write("<table border='1' bordercolor='red' width='500'>");
for(var i=1;i<=9;i++){
document.write("<tr>");
for(var j=1;j<=i;j++){
document.write("<td>");
document.write(j+"*"+i+"="+i*j);
document.write("</td>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
方法二:
<script type="text/javascript">
var arr=new Array();
arr.push("<table border='1' bordercolor='red' width='1000'>");
var num=9;
for(var i=9;i>=1;i--){
arr.push("<tr>");
for(var j=num;j>=1;j--){
arr.push("<th align='left'>");
arr.push(num+"*"+j+"="+num*j);
arr.push("</th>");
}
num--;
arr.push("</tr>");
}
arr.push("</table>");
var aa=arr.join(" ");
document.write(aa);
</script>
7,js的运算符
和java里面的一样
var b="10";
document.write(b+1);//字符串的拼接
document.write(b-1);//正真相减的运算
var c="a";(不能相减)
document.write(c-1);//NaN
var a=true;
document.write(a+1);//结果是2 true的时候当成1来运算
var aa=false;
document.wrtie();
==和===的区别
==比较的是值
===比较的是值和类型
8,js的数组
js数组定义方式:
第一种: var arr1=[];
第二种: var arr2=["asd",21,true];
第三种: var arr3=new Array(3);
数组长度为3,还可以继续添加,没意义
第四种; var arr4=new Array();
第五种; var arr5=new Array(1,2,3);
里面有多个数字,就表示里面的值1 2 3
for(var i=0;i<arr.length;i++){
var a=arr[i];
document.write(a);
}
9,js的string对象
1)字符串对象
var a="abc"
2)属性 length字符串的长度
3)方法
bold() 使用粗体显示字符串
fontcolor() 使用指定的颜色来显示字符串
fontsize() 使用指定的尺寸来显示字符串
link() 将字符串显示为链接
charAt() 返回在指定位置的字符。 如果位置不存在字符,返回空字符串""
concat() 连接字符串
indexOf() 检索字符串,得到检索的字符的位置,如果没有找到返回-1
split() 把字符串分割为字符串数组
substr() 从起始索引号提取字符串中指定数目的字符。
第一个参数表示从哪个位置开始,第二个参数表示向后取几个位置的值
substring() 提取字符串中两个指定的索引号之间的字符
第一个参数表示从哪个位置开始,第二个参数到哪个位置结束(不包含这个位置)
10,js的Array对象
1)属性
length长度
2)方法
concat():连接数组
join():把数组根据指定字符进行分割
pop() 删除并返回数组的最后一个元素
push() 向数组的末尾添加元素,并返回新的长度
11,js的bom对象
setInterval("执行的js代码",毫秒数) 在指定的时间内,重复执行js代码
有两个参数
第一个参数要执行的js代码(js的方法),第二个参数是时间(毫秒数)
代码
setInterval("alert('setinterval');",3000);
setTimeout("执行的js代码",毫秒数) 在指定的时间之后,执行js代码,执行一次
有两个参数
第一个参数要执行js代码(js的方法),第二个参数是时间(毫秒数)
代码
setTimeout("alert('settimeout');",3000);
clearInterval(id) 取消由 setInterval() 设置的 timeout。
clearTimeout(id) 取消由setTimeout() 方法设置的 timeout。