java开发技术

上传人:xzh****18 文档编号:46745185 上传时间:2018-06-27 格式:PDF 页数:65 大小:1.70MB
返回 下载 相关 举报
java开发技术_第1页
第1页 / 共65页
java开发技术_第2页
第2页 / 共65页
java开发技术_第3页
第3页 / 共65页
java开发技术_第4页
第4页 / 共65页
java开发技术_第5页
第5页 / 共65页
点击查看更多>>
资源描述

《java开发技术》由会员分享,可在线阅读,更多相关《java开发技术(65页珍藏版)》请在金锄头文库上搜索。

1、Java 开发技术 1 第一章第一章 WEB 开发基础开发基础 1.1 HTML 客户端要访问 Web 资源,需要通过浏览器发送一个 HTTP(超文本传输协议)请求, Web 服务器接收到此请求之后会调用相应的文件系统, 找到文件, 之后将信息通过 HTTP 协议返回给客户端浏览器进行显示。浏览器中所显示的信息,主要是使用 HTML 语言编 写完成的。 HTML(Hypertext Markup Language), 文本标记语言, 是用于描述网页文档的一种标记 语言,该语言是由若干标签构成,不同的标签表示不同的网页元素,当用户打开一个网 页时,由浏览器负责将这些标签解释成用户可以直接识别的网

2、页元素。例如若要实现图 1.1 的效果,需要编写的 HTML 代码为: html 学习范例 认识 html 标签. 图 1.1 范例图 将以上代码保存成扩展名为.html 的文件,并用浏览器打开,就会显示出图 1.1 的效 果。 HTML 的标签基本都是成对出现的,需要相互嵌套完成不同的效果显示。其中最外 层的标签是,分别代表 html 网页文件的开始点和结束点。位于 之间的是两对级别平行的标签和。标 签之间的文本是用来表述头信息的,头信息不会显示在浏览器主窗口中,例如图 1.1 中 的标题栏的文字就是由嵌套在标签内的标签来描述的。标签之间的 文本内容是显示在浏览器主窗口中的,也是用户主要浏览

3、的区域。 HTML 的每个标签根据作用的不同,分别定义了不同的属性,例如标签就有 一个 bgcolor 属性, 用来描述页面的背景颜色。 默认为白色, 如果需要更改, 就要给 bgcolor 属性赋予不同的值,如,此时页面的背景颜色就会变为黄色。不 同的标签,其所具有的属性也不相同,但每个标签都会有 id 和 name 这两个属性,这两 个属性也是开发网页文件的时候使用最多,最重要的属性。 HTML 的标签在使用上较为简单,本章节只对常用的 HTML 的标签进行简要的说明。 1.1.1 字体字体 标题文字 说明 #代表 16 中的一个数字,数字越小,字号越大;该文字独立成行。 常用属性 ali

4、gn 水平位置, Java 开发技术 2 样例 标题 1 标题 2 样例截图 文字 说明 用来描述一般文字的颜色,大小等属性 常用属性 align 水平位置 color 颜色 size 字体大小,取值可为:16 或-1-6 或+1+6 face 字体 样例 这是红色黑体字 样例截图 文字其它修饰效果 说明 加粗 样例 加粗 样例截图 说明 斜体 样例 斜体 样例截图 说明 下划线 样例 下划线 样例截图 说明 将文字列表显示 样例 第一步:XXXX 第二步:XXXX 样例截图 说明 上标 样例 X2 样例截图 说明 下标 样例 H2O 样例截图 Java 开发技术 3 1.1.2 图像图像 说

5、明 用来描述图片大小等属性,此标签不是成对的 常用属性 src 图片文件所在路径和文件名 height 高度 width 宽度 样例 1.1.3 表格表格 说明 表格的最外层标签,标签内还必须嵌套、等其它标签 常用属性 align 水平位置 width 宽度 height 高度 border 边框宽度 cellpadding 表格内部空白 cellspacing 表格间隙 说明 行标签,标签内还必须嵌套标签 常用属性 align 水平位置 valign 垂直位置 width 宽度 height 高度 说明 单元格标签,每行被分割的列 常用属性 align 水平位置 valign 垂直位置 wi

6、dth 宽度 height 高度 rowspan 单元格所占行数 colspan 单元格所占列数 样例 1,1 1,2 1,3 2,1 2,2 rowspan=“2“ colspan=“2“ Java 开发技术 4 样例截图 1.1.4 表表单单 表单控件中的每一个标签都必须要给 name,id 属性赋值,这两个属性在进行表单数 据提交的时候,对传递表单数据、判断表单数据合法性等操作起到作用作用。 说明 表单,所有的表单控件必须要嵌入此标签内 常用属性 action 将表单数据提交的目的地址 method 表单提交方式, 取值可以是 post 或者 get, 默认为 get target 提交

7、表单数据的时,目的地址页面的开发方式 样例 说明 单行文本框 常用属性 value 文本框里输入的文字 maxlength 文本框最大允许输入的字符个数 样例 样例截图 说明 密码框 常用属性 value 文本框里输入的文字 maxlength 文本框最大允许输入的字符个数 样例 样例截图 说明 单选按钮,只能选一项,同一组选项,name 属性的值应相同 常用属性 value 值 checked 选中项 样例 男 女 样例截图 说明 复选按钮,可多选,同一组选项,name 属性的值应相同 常用属性 value 值 checked 选中项 样例 电视 网络 报纸 样例截图 说明 按钮 Java

8、开发技术 5 常用属性 value 值 样例 样例截图 说明 带有提交功能的按钮 常用属性 value 值 样例 样例截图 说明 重置按钮,可将表单恢复成初始状态 常用属性 value 值 样例 样例截图 说明 重置按钮,可将表单恢复成初始状态 样例 样例截图 说明 隐藏按钮,此控件页面不显示 常用属性 value 值 样例 样例截图 说明 文本域 常用属性 cols 字符宽度 rows 行数 样例 样例截图 说明 下拉列表,内部还需嵌套标签 常用属性 size 显示数量 multiple 是否可都多选 说明 下拉选项标签 常用属性 value 值 selected 选中项 样例 1 辽宁 吉

9、林 黑龙江 北京 样例 2 辽宁 Java 开发技术 6 吉林 黑龙江 北京 样例 1 截图 样例 2 截图 1.1.5 框架框架 说明 框架页标签,内部需要嵌套标签 常用属性 cols 左右结构的框架页 rows 上下结果的框架页 说明 框架页标签,内部需要嵌套标签 常用属性 src 框架所对应的页面地址 样例 样例截图 1.1.6 其它标签其它标签 说明 超级链接 常用属性 href 链接地址 target 链接打开方式 样例 点击跳转 样例截图 说明 段落 Java 开发技术 7 说明 换行 说明 水平横线 常用属性 size 粗度 width 宽度 样例 样例截图 1.2 JavaSc

10、ript JavaScript 是一种基于对象(Object)和事件驱动(Event Driven)的脚本语言。JavaScript 可以嵌套在 Web 页面中,用来改进界面设计、验证表单、检测浏览器、创建 cookies、 执行交互行为等。 JavaScript 功能非常强大, 但语法规则较为简单, 基本的流程语句与 Java 非常相似,本节只对 JavaScript 的语法进行简要说明。 1.2.1 JavaScript 代码嵌入代码嵌入 Web 页面页面 在 Web 页面中定义 JavaScript 的相关内容,有两种方式: (1) 将 JavaScript 的代码定义在标签内。例如:

11、/ javascript 代码 (2) 将 JavaScript 的代码定义在一个扩展名为.js 的文件中,然后在 Web 页面中引用 这个.js 文件。例如: 1.2.2 JavaScript 变量的定义变量的定义 (1) 使用关键字 var 定义变量 JavaScript 的变量在定义的时候不区分数据类型,定义的时候统一使用关键字 var。 对于变量的数据类型,需要在变量使用的时候,根据使用的情况来作决定。例如: var x=3; var str=”hello”; var flag=true; (2) 省略关键字 var 定义变量 因为 JavaScript 的变量的定义只能使用关键字 v

12、ar,因此这个关键字可以省略不写。 例如: x=3; str=”hello”; flag=true; (3) 变量的作用域和生命周期 在函数中声明的变量只能在函数中使用。当退出函数时,变量就会被释放。这种变 量被称为局部变量。因为每个局部变量只在各自的函数中有效,所以可以在不同的函数 中使用名称相同的局部变量。 在函数之外声明的变量称作全局变量,页面中所有的函数都可以使用全局变量。在 全局变量被声明后,它们就开始生效了。在网页被关闭后,变量才会失效。 (4) 区分大小写 JavaScript 对大小写敏感,str 和 Str 是两个不同的变量。 1.2.4 数组数组 定义数组需要用到 Arra

13、y 对象,无需考虑数组的长度。数组的元素的下标从 0 开始,Java 开发技术 8 可以直接给下标为 n 的元素赋值,数组长度等于 n。例如: 数组定义 元素初始化 数组的长度 备注 一维 数组 var x=new Array(); x0=20; x2=40; 3 x1是没有赋值的 元 素 , 其 值 为 undefined var x=new Array(2); x0=20; x1=30; 2 如果有 x2=30; 这样的语句, 那么数 组的长度为 3。 var x=new Array(“AABB“,“CC“,“DDD“); 3 二维 数组 var x=new Array(); x0=new

14、 Array(); x1=new Array(); x01=20; x02=30; x03=40; x10=50; 2 行 第一行 4列 第二行 1列 每一行的列宽可以 不相同 1.2.3 运算符运算符 (1) 算术运算符 运算符 说明 样例 样例结果 运算符 说明 样例 样例结果 + 加 x=6; y=5; x+y; 11 % 取余 x=6; y=5; x+y; 1 - 减 x=6; y=5; x-y; 1 + 自增 x=6; y=x+; x=7 y=6 * 乘 x=6; y=5; x*y; 30 - 自减 x=6; y=+x; x=7 y=7 / 除 x=6; y=5; x/y; 1.2

15、(2) 赋值运算符 赋值运算符的运算方向是自右向左的,运算符的左侧只能是一个变量,不能是表达 式或常量。 运算符 样例 样例等价于 运算符 样例 样例等价于 = x=5; *= x*=5; x=x*5 += x+=5; x=x+5 /= x/=5; x=x/5 -= x-=5; x=x-5 %= x%=5; x=x%5 (3) 关系运算符 运算符 说明 样例 结果 运算符 说明 样例 结果 = 值是否等于 x=5; y=5; x=y; true = 大于等于 x=10; y=5; x=y; true = 值和类型 是否都相等 x=5; y=5; x=y true 大于 x=10; y=5; xy; true (4) 逻辑运算符 参与逻辑运算的只能为 true 或者 false。 运算符 说明 运算规则 样例 样例结果 y=6; x5 y=6; x5|y5 true ! 非 非 true 为 false 非 false 为 true x=5; !(x5) true x=6; !(x=5) false (5) 其它运算符 运算符 说明 样例 样例结果 + 字符串连接符 x=“ABC“; y=“XYZ“; x=x+y “ABCXYZ“ ? : 条件运算符 x=50;

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 机械/制造/汽车 > 电气技术

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号