- 浏览: 23340 次
- 性别:
- 来自: 大连
最新评论
******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开始)
--大小写敏感;
--变量是弱类型;
--每行结尾的分号可有可无;
******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开始)
发表评论
-
j2ee学习struts2.x总结1
2012-03-22 09:57 683struts2环境构建 -
j2ee学习struts1总结3
2012-03-21 16:31 773******Struts的控制器组件: 1.ActionS ... -
j2ee学习struts1.x总结2
2012-03-21 16:30 1030******html标记库 1.生成非表单标记 &l ... -
j2ee学习struts1.x总结1
2012-03-21 16:28 713*******JSP设计模式Model1: ... -
j2ee学习总结之web基础9
2012-03-21 16:26 913******Ajax(Asynchronous JavaScr ... -
j2ee学习总结之web基础8
2012-03-21 16:26 772******XML(eXtensible Markup Lan ... -
j2ee学习总结之web基础6
2012-03-20 11:14 743******HTML标签、属性名、 ... -
j2ee学习总结之web基础5
2012-03-20 11:12 722******CSS(Cascading Style Sheet ... -
j2ee学习总结之web基础4
2012-03-20 11:10 696******Web理解:web就是word wide web ... -
j2ee学习总结之web基础3
2012-03-20 11:09 7331.文件标题 <title>..... ... -
j2ee学习总结之数据访问范围
2011-04-02 23:12 764******Cookie对象:javax.servlet.ht ... -
j2ee学习总结之web基础2
2011-04-02 23:11 823******MVC(Model View Controller ... -
j2ee学习总结之web基础1
2011-04-02 23:10 922******URI与URL、URN的关系 URI(统一资源标 ... -
j2ee学习总结之servlet
2011-04-02 23:09 949******Servlet类的编写过程: --继承自jav ... -
j2ee学习总结之jsp
2011-04-02 23:08 725******JSP生命周期 1.翻译 .jsp --& ...
相关推荐
**J2EE学习笔记概述** J2EE,全称为Java 2 Platform, Enterprise Edition,是Java平台上用于构建企业级分布式应用程序的框架。它为开发者提供了丰富的功能,包括Web服务、事务处理、安全控制以及数据库连接等,使得...
【标题】"不错的J2EE学习资料"指出这是一份关于J2EE技术的学习资源集合。J2EE,全称为Java 2 Platform, Enterprise Edition,是Java平台的一个版本,专为构建企业级分布式应用程序而设计。它包含了多种服务、API和...
### J2EE学习经验和流程 在IT领域,Java平台一直占据着重要的位置,而Java 2 Platform, Enterprise Edition(简称J2EE)则是用于开发可移植、健壮、可伸缩且安全的多层Web应用的企业级解决方案。本文将根据提供的...
在本文中,我们将深入探讨J2EE学习过程和学习方法,这是一个对于任何希望在企业级Java开发领域有所建树的开发者至关重要的主题。J2EE(Java 2 Platform, Enterprise Edition)是一种由Oracle公司维护的开放标准,...
【标题】:“基于j2ee开发的Web笔记” ...通过深入学习这些笔记,你可以获得扎实的J2EE基础,从而有能力开发复杂的Web应用程序。记得结合实际项目和练习,理论与实践相结合,将使你的学习更加有效。
总结来说,从零开始学习J2EE需要逐步掌握Java语言基础、J2EE组件的使用、Web开发技术和数据库操作。通过不断实践和项目经验积累,才能逐渐成长为一名合格的J2EE开发者。在这个过程中,参考“从零开始学J2EE,语法基数...
总结,xFrame二次开发j2ee_web基础框架是一个集美观界面和强大功能于一体的开发工具,其丰富的文档资源和易扩展的特性使得开发者能够快速构建高质量的Web应用。通过深入学习和实践,开发者可以充分利用xFrame的优势...
总结,"5 j2EE体验之Web建立、发布与运行"涵盖了Web应用开发的完整流程,从基础环境搭建到应用的构建、部署和运行。通过学习和实践,开发者可以更深入地理解j2EE平台的威力,从而在企业级Web开发中游刃有余。
总结来说,J2EE学习笔记涵盖了从Web开发基础到企业级服务的广泛内容,包括JSP、Servlet、EJB等技术,以及与之配合使用的Oracle数据库。深入理解和掌握这些知识点,对于成为一位专业的Java企业级应用开发者至关重要。
**J2EE 1.4基础教程** Java 2 Platform, Enterprise Edition (J2EE) 是Oracle公司(原Sun Microsystems)推出的...通过深入学习这些核心概念,开发者可以更好地掌握Java EE的全貌,为后续的学习和实践打下坚实的基础。
根据提供的信息,我们可以总结出以下关于J2EE学习资料的关键知识点: ### 一、J2EE简介 J2EE(Java 2 Platform, Enterprise Edition)是Sun Microsystems为满足企业级应用开发需求而提出的一种标准技术平台。它...
本书内容非常全面,涵盖了多册J2EE书籍所有知识要点,并结合作者自己经验总结而编写,内容相当丰富 众所周知,一般书籍为了销售需要,往往很少的知识点,却需要添加大量的废话、例子,以增加书本厚度,使得阅读者...
J2EE学习笔记对于初学者来说尤其重要,因为它们通常包含了从基础概念到高级特性的全面讲解,帮助理解J2EE架构和相关技术。 **J2EE核心组件** 1. **Servlet和JSP**:Servlet是Java编写的服务器端程序,处理HTTP请求...
### J2EE学习导引:从基础到实战的全面解析 #### 一、J2EE技术概览 J2EE,即Java 2 Platform, Enterprise Edition,是Sun Microsystems(现已被Oracle收购)推出的用于开发企业级应用的标准平台。它基于Java SE...
总结来说,这个研究文集是一个全面的J2EE和Web架构学习资源,涵盖了从基础概念到高级实践的广泛内容,适合不同层次的学习者。通过阅读和实践,开发者不仅可以深入理解J2EE技术,还能提升在企业级应用开发中的架构...
本课程总结涵盖了从基础到高级的J2EE核心概念和技术,旨在为学员提供全面的学习路径。以下是对该培训课程主要内容的详细阐述: 1. **Java基础**:作为J2EE的基础,Java语言的学习至关重要。包括Java语法、面向对象...
这个压缩包文件“J2EE学习以及Linux组件学习的日常总结.zip”似乎包含了关于这两个主题的学习资料,特别强调了设计模式和Spring框架的学习。 首先,我们来探讨J2EE。J2EE是Java平台的一个版本,专为构建可扩展的、...