`
lxdyycg
  • 浏览: 22665 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论

j2ee学习总结之web基础7

    博客分类:
  • j2ee
阅读更多
******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开始)
分享到:
评论

相关推荐

    J2EE(Java EE)技术总结-J2EE学习精华教程-电子书

    本书内容非常全面,涵盖了多册J2EE书籍所有知识要点,并结合作者自己经验总结而编写,内容相当丰富 众所周知,一般书籍为了销售需要,往往很少的知识点,却需要添加大量的废话、例子,以增加书本厚度,使得阅读者...

    J2EE 企业应用实战:Struts+Spring+Hibernate 整合开发

    本书所介绍的内容是作者多年J2EE开发经验的总结,内容涉及Struts、 Hibernate和Spring三个开源框架,还介绍了Tomcat和Jetty两个开源Web服务器的详细用法,以及J2EE应用的几种常用架构。 本书不仅是一本J2EE入门图书...

    Java综合技能知识库

    包含 Java面向对象、Java基础类库、JDBC数据库访问、Web编程Jsp&Servlet、Hibernate持久层、iBatis持久层、Structs界面控制层、JSF界面控制层、Spring应用框架、Ejb、WebService技术、J2EE模式等其他Java相关开发...

    【计算机软件毕业设计】二手车交易平台的分析、设计与实现文献综述1.doc

    文献综述 摘 要 Web开发技术和Web开发框架整合实践研究是这个时代的一个热点,本文在参阅国内 外Web开发技术和Web开发框架及主要几个框架相关文献的基础上,对Web开发框架研究作 了较为全面的总结和梳理,并结合Web...

    Java高阶必备技术:Spring必知必会

    内容简介: Spring框架是一个开放源代码的J2EE应用程序框架。Spring解决了开发者在J2EE开发中遇到的许多常见的问题,...为了让大家快速系统了解Spring知识全貌,我为您总结了思维导图,帮您梳理学习重点,建议收藏!

    asp.net知识库

    Asp.net 2.0功能体验,细节之Web控件(一) 隐藏控件 Asp.net 2.0功能体验,总体设计思想 Asp.net 2.0 WebPart使用经验点滴 革新:.NET 2.0的自定义配置文件体系初探 关于如何在ASP.NET 2.0中定制Expression ...

    基于JavaWeb + Mysql + Layui实现的宿舍管理系统源码+数据库+演示截图+项目说明.zip

    本系统采用MVC+J2EE+MYSQL实现,使用是Tomcat10.0作为WEB服务器,提供适应性强的Internet服务器功能,具有很高的执行效率。其中: - JSP用于页面的设计,展示数据 - Java用来处理具体业务逻辑,后台跳转、对数据库...

    java三大框架

    框架说白了就是JAVA工作者多年以来总结出的一些开发标准。让我们可以以成功的经验模式来开发我们自已的系统,一般使用框架的好处是 ·在好的框架下,开发者只需要写一些必须的代码;他们不需要直接接触底层的API。 ...

    Maven权威指南 很精典的学习教程,比ANT更好用

    7. 多模块企业级项目 7.1. 简介 7.1.1. 下载本章样例 7.1.2. 多模块企业级项目 7.1.3. 本例中所用的技术 7.2. simple-parent项目 7.3. simple-model模块 7.4. simple-weather模块 7.5. simple-persist...

    史上最好传智播客就业班.net培训教程60G 不下会后悔

    .Net精品就业班课程表 : 1、.Net基础加强(10天) 核心技术课程 常用数据结构(List、Dictionary、...项目说明 总结以往所学知识,讲解《传智播客.Net面试、笔试宝典》,介绍简历、笔试、面试等所需的知识和技巧。

    JAVA核心技术

    这是学习了解J2EE的首选框架。??免费。??Struts:??主要应用方面:WEB层。??主要应用技术:JSP,TagLib,JavaBean,XML等??出处:http://jakarta.apache.org/struts/index.html??简述:这是APACHE的开源项目,目前应用很...

    二十三种设计模式【PDF版】

    因为很多人没有注意到这点,学完 Java 基础语言就直接去学 J2EE,有的甚至鸭子赶架,直接使用起 Weblogic 等具体 J2EE 软 件,一段时间下来,发现不过如此,挺简单好用,但是你真正理解 J2EE 了吗?你在具体案例中的...

    基于SSH2+Maven+EasyUI+MySQL技术实战开发易买网电子商务交易平台

    该课程是北风品牌课程-《BF-TECH J2EE软件工程师就业课程》 第五阶段:项目实战一、开发基于SSH2+Maven+JeasyUI+MySQL技术的 【易买网电子商务交易平台】课程。 jQuery EasyUI简称jeasyui,也就叫easyui,是一组基于...

    java面试题以及技巧

    │ 学习Struts提供的和Form相关标签.txt │ 日企编码规范.doc │ 电信盈科面试题.pdf │ 速算.txt │ 面试题URL.txt │ ├─Javascript │ │ javascript资料(源码,教材,ppt).rar │ │ │ └─javascript资料...

    java面试题目与技巧1

    │ 学习Struts提供的和Form相关标签.txt │ 日企编码规范.doc │ 电信盈科面试题.pdf │ 速算.txt │ 面试题URL.txt │ ├─Javascript │ │ javascript资料(源码,教材,ppt).rar │ │ │ └─javascript资料...

    java面试题及技巧4

    │ 学习Struts提供的和Form相关标签.txt │ 日企编码规范.doc │ 电信盈科面试题.pdf │ 速算.txt │ 面试题URL.txt │ ├─Javascript │ │ javascript资料(源码,教材,ppt).rar │ │ │ └─javascript资料...

    java面试题及技巧3

    │ 学习Struts提供的和Form相关标签.txt │ 日企编码规范.doc │ 电信盈科面试题.pdf │ 速算.txt │ 面试题URL.txt │ ├─Javascript │ │ javascript资料(源码,教材,ppt).rar │ │ │ └─javascript资料...

    java面试题以及技巧6

    │ 学习Struts提供的和Form相关标签.txt │ 日企编码规范.doc │ 电信盈科面试题.pdf │ 速算.txt │ 面试题URL.txt │ ├─Javascript │ │ javascript资料(源码,教材,ppt).rar │ │ │ └─javascript资料...

    Hibernate中文详细学习文档

    1.4. 第三部分 - EventManager web应用程序 1.4.1. 编写基本的servlet 1.4.2. 处理与渲染 1.4.3. 部署与测试 1.5. 总结 2. 体系结构(Architecture) 2.1. 概况(Overview) 2.2. 实例状态 2.3. JMX整合 2.4. ...

Global site tag (gtag.js) - Google Analytics