当前位置: 代码迷 >> Web前端 >> j2ee学习小结之web基础7
  详细解决方案

j2ee学习小结之web基础7

热度:149   发布时间:2012-08-27 21:21:56.0
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.mimeTypes MIME类型;
--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开始)
  相关解决方案