day1
1.JS简介:基于对象和事件驱动的语言,应用于客户端
组成:
*ECMAScript
由ECMA组织指定的js语法,语句
*BOM
浏览器对象模型
*DOM
document object model 文档对象模型
2.js和html结合方式
1)使用标签
<script type="text/jsvascript">
js代码
</script>
2)使用script标签引入外部文件
<script type="text/jsvascript" src="js文件路径"></script>
引入文件时,在标签内不用在写js代码,不会执行
3.js的原始数据类型和声明变量
原始类型(5个):string、number、boolean、null、undefined
typeof()显示数据类型
4.js的语句
5.js数组
== 比较值
=== 比较值和类型
1)定义方式:
* var arr = [1,2,"3"];
* var arr = new Array(5); //长度为5的数组
* var arr = new Array(3,4,5) //数组内的元素为3 4 5
2)属性length -->数组的长度 arr.length
6.js函数(方法)
定义函数有三种方式:
1)function 方法名(参数列表){
方法体;
返回值(根据实际需要);
}
参数直接写参数名称,不需要写var
2)匿名函数
var 名字 = function(参数列表){
方法体;
}
调用方式: 名字(给参数)
7.全局变量和局部变量
全局变量:在script标签内定义一个变量,这个变量在页面内都可以使用;
局部变量:在方法内部定义的变量只能在方法内部使用
8.html文件解析由上至下,script标签约定放到</body>后面
day2
1.js的String对象
方法和属性:
length:字符串的长度
方法:
1)与html相关的方法:
bold();//加粗
fontcolor();//字体颜色
fontsize();//字体大小 1~7
link(超链接地址);将字符串穿转化为超链接
sub()下标
sup()上标
2)与java相似的方法:
contact()连接字符串
charAt()返回指定位置字符串,位置不存在则返回一个空字符串
indexOf()返回字符位置,不存在返回-1
split()切分字符串
replace(参数一,参数二) 替换为参数二
substr(a,b)//从a开始截取b个字符
substring(c,d) [c,d)个字符
2.js的Array对象
方法:concat()连接两个数组
join()分隔数组,传一个字符参数
push()向数组后添加新的元素,并返回新的长度值,传递的数组参数被视为一个整体的元素
pop()删除最后一个元素,并返回删除的元素
reverse()反转数组
3.js的Date对象
获取当前时间:var date = new Date();date.toLocalString();
使用毫秒数处理缓存的效果
*http://www.baidu.com?毫秒数
4.js的Math对象
都是静态方法,可以直接使用Math.方法();
ceil()向上舍入
floor() 向下舍入
round()四舍五入
random()0~1之间的随机数
5.js的全局函数
由于不属于任何一个对象,直接写名称使用
encode()字符编码
decode()字符解码
6.js函数的重载
方法名相同,参数不同
js不存在重载!!!调用最后一个函数方法
传递的参数保存到arguments数组中
7.js的BOM对象
浏览器对象模型
window:窗口对象、顶层对象
-方法:
* alert()、confirm()、prompt()输入对话框、
* open()打开一个新的窗口
* close()关闭窗口
* 做定时器 setInterval(js代码、毫秒数)
setTimeout(js代码,毫秒数)多少毫秒后执行一次 js代码,只执行一次
clearInterval()、clearTimeout()
8.js的DOM对象:文档对象模型
9.document对象:表示整个文档
常用方法:write()、getElementById()、
getElementsByName()、getElementsByTagName()获得的是数组