j2ee学习总结之web基础7
******javascript理解
--大小写敏感；
--变量是弱类型；
--每行结尾的分号可有可无；
******JavaScript引入HTML页面
1.方式一
<script type="text/javascript">
javascript代码
</script>
2.方式二（引入外部文件）
<script type="text/javascript" src="../javascript/js01.js">
</script>
******javascript在html中的位置
1.位于head部分
通常放置定义函数的脚本
2.位于body部分
在页面载入时脚本就会被执行
******javascript数据类型
1.primitive data types原始数据类型
Null仅有一个变量值null
Undefined仅有一个变量值undefined
Number整数和小数、NaN(not a number)、infinity(无穷大)、-infinity(负无穷大)
String
Boolean
2.composite data types复合数据类型
Objects、Arrays、function
******javascript的变量
1.变量的声明：
var 变量名[=value];
2.变量名的命名规则：
1>第一个字母必须是字母、下划线、美元符；
2>余下的字符可以是数字、字母、下划线、美元符；
3>变量名是区分大小写的；
4>不能使用保留的关键字；
******在JavaScript中只要有字符串出现在"+"表达式的时候，结果中的其他数据类型都会默认的转换为字符串的类型，并进行连接；
var a="123";
var b=true;
var c=b+a;--true123
******函数
1.定义
function function_name([parameter1,parameter2,....]){
datements;
[return expression;]
}
--如果函数无明确的返回值，或者调用了没有参数的return语句，该函数返回undefined；
2.函数调用方式
1>在JavaScript中直接调用函数
2>通过超链接调用函数
<a href="javascript:函数"></a>
3>通过事件驱动调用函数
<input type="button" onclick='要调用的函数'>
--onclick后面需要是单引号
4>浏览器在加载<body>部分的时候调用函数
<body onload='要调用的函数'>
******内置函数
1.eval("...")
将字符串转换为数字类型
2.parseInt("...")
将字符串转换为整数
3.parseFloat("...")
将字符串转换为浮点数
4.isNaN(number)
判断number是否是not a number
5.isFinite(number)
判断number是否是有限的
6.escape(string)
接收一个string，并将其编码为url可用的形式(url编码)
7.unescape(string)
解码(获取原来的字符串)
******注释
1.当行注释
//......
2.多行注释
/*
......
*/
******消息框
1.警告框
alert(message);
2.提示框
prompt(message,default_value)
提示用户输入信息；用户点击“确定”返回输入值；点击“取消”返回null；
3.确认框
confirm(message)
用户点击“确定”返回true；点击“取消”返回false；
******javascript中的对象
1.用户自定义对象（待补充）
2.内部对象（需要创建实例）
1>Array对象
i.创建数组实例
var array_name = new Array();var array_name = [];
var array_name = new Array(100);
var array_name = new Array("...","...",......,"...");var array_name = ["...","...",......,"..."];
ii.length属性
对象名.length;
--表示Array的长度；
--length是可以随便改变的，可以赋值给比原数组长度大或者小的值；
iii.常用方法
--concat(arraya)将当前数组和arraya合并，并返回该合并之后的数组，原数组不受影响；
--reverse()将数组中的元素反转之后再返回该数组，会影响原数组；
--join([分隔符])将数组的所有元素组成一个字符串，元素之间用分隔符来连接，没有指定分隔符时默认采用逗号；
--toString()将数组中的元素转换为由逗号分隔的字符串；
--sort()返回一个排序之后的新数组；
--slice(start,end)返回数组的子集，从start(包含start)开始，从end(不包含end)结束；
--pop()返回数组的最后一个元素，并删除，长度减1；
--push(value1,.,valuen)将参数添加到数组的末尾，并返回新数组的长度；
--shift()返回数组的第一个元素，
2>Math对象（不需要创建实例）
i.常用方法：
--abs(x)返回x的绝对值；
--ceil(x)返回大于或者等于x的最小整数；
--exp(x)返回e的x次方；
--floor(x)返回小于或者等于x的最大整数；
--round(x)取整（小于或者等于0.5的舍去）；
--sqrt(x)返回x的平方根；
--random(x)
3>Date对象（需要创建实例）
i.创建实例
var date = new Date("July 4,2011,6:34:34");
var date = new Date("July 4,2011");
var date = new Date(2011,2,26,6,34,34);
var date = new Date(2011,2,26);
var date = new Date(Milliseconds);
var date = new Date();//returns the local date and time
ii.没有直接访问的属性
iii.常用的方法：
--getYear()返回年数（小于2000年返回两位）；
--getFullYear()返回年数；
--getMonth()返回当月数（比实际小1）；
--getDate()返回当日数；
--getDay()返回一周中的第几天；
--getHours()返回小时数；
--getMinutes()返回分钟数；
--getSeconds()返回秒数；
--getTime()返回毫秒数（从格林威治标准时间1970年1月1日起经过的毫秒数）；
4>String对象（需要创建实例）
i.创建实例
var string_name="...";
var string_name=new String("...");
ii.length属性(read-only)
JavaScript中的字符串也是使用Unicode编码
iii.常用的方法：
--charAt(i)返回指定位置处的字符
--indexOf(string)返回string在当前字符串中的索引值(从0开始)，没有的话返回-1；
--slice(start,end)返回start(包含start)开始，到end(不包含end)结束的字符串；
--split(separator)将字符串按照separator来切割字符串，返回形成的数组；
--substring(start,length)返回从start开始的长度为length的字符串；
--substring(start,end)返回start(包含start)开始，到end(不包含end)结束的字符串；
--replace(str1,str2)只能替换第一次出现的str1；
--match(str)查找字符串中的和str匹配的字符，查到返回该字符串，如果没有查到返回null；
3.浏览器对象BOM和文档对象DOM
1>BOM--window
--window.open("url","windowname",[options]);打开一个型的窗口，并且返回该窗口的对象；
--window.moveBy(20,20);
--window.moveTo(0,0);
--window.resizeBy(15,10);将窗口相对增大15*10；
--window.resizeTo(450,350);
--window.setTimeout("expression",delaytime);在指定的delaytime之后执行expression；
--window.clearTimeout(setTimeout_name);
--window.setInterval("expression",intervaltime);按照指定的周期intervaltime来执行expression；
--window.clearInterval(setInterval_name);
--window.status=string;将浏览器窗口中的状态栏内容改变为string；
2>BOM--window.history（包含浏览器窗口中访问过的URL）
--history.go(num);go forward or back num pages;
--history.back();same as history.go(-1);
--history.forward();same as history.go(1);
--history.length
3>BOM--window.location(窗口中当前显示的文档URL信息)
--location.assign("url");实现页面的跳转；
--location.reload();重新加载当前页；
--location.replace("url");用新的文档来替换当前的文档，不能回退；
4>BOM--window.navigator(包含了访问者浏览器的所有信息)
--navigator.appCodeName浏览器代码名；
--navigator.appName浏览器名称；
--navigator.appVersion浏览器版本；
--navigator.mimeTypesMIME类型；
--navigator.platform浏览器操作系统；
--navigator.browserLanguage浏览器使用的语言；
--navigator.userAgent浏览器用户代理；
5>BOM--window.screen
--width屏幕宽度；
--height屏幕高度；
--availWidth屏幕的可用宽度；
--availHeight屏幕的可用高度；
--colorDepth颜色位数；
6>BOM--window.document(document对象代表这个HTML文档，可以用来访问页面中的所有元素)
--document.anchors[索引值|name值]
--document.forms[索引值|name值]当form表单中含有多个元素是可是使用elements[索引值|name值]来获取；
--document.links[索引值|name值]
--document.images[索引值|name值]
--document.applets[索引值|name值]
7>DOM
i.理解
--DOM是文档对象模型，就将文档中的所有元素、属性和文本表示为树结构；
--树中的每个节点对应一个HTML/XML标记；
--每个节点都是对象；
--这棵树的根节点就是document对象，表示整个文档对象；
--document对象仅仅包含一个子节点<html>；
ii.直接引用节点：
--document.getElementById("id_value");
--document.getElementsByTagName("tag_name");tag_name为标签名，当string为*的时候，会返回所有的节点；
--document.getElementsByName("name_value");获取所有name属性等于指定值的节点；
--标签名.innerHTML获取该标签中修饰的内容
iii.间接引用节点：（待补充）
******form表单验证
1.文本输入框text：
1>value属性文本框的内容
2>onblur事件
3>onfocus事件
4>onchange事件
5>focus()方法
6>select()方法全选文本框中的内容
2.复选框checkbox：
1>onblur事件
2>onfocus事件
3>onclick事件
4>checked属性
5>value属性
3.单选框radio
1>onblur事件
2>onfocus事件
3>onclick事件
4>checked属性
5>value属性
4.下拉列表select--option
1>onblur事件
2>onchange事件
3>onfocus事件
4>value属性下拉列表框中被选择项的值
5>options属性下拉列表框中选项数组
6>selectedIndex属性被选择的选项的索引值（从0开始）
