Java Web 开发实战经典 基础篇(1)
第2章 HTML、JavaScript简介
本章主要内容:
(1)掌握HTML的基本语法
(2)掌握HTML表单的编写操作
(3)掌握JavaScript的基本语法、主要事件、主要对象的使用
(4)可以使用JavaScript完成表单的交互程序的开发
2.1 服务器与浏览器
用户通过Web浏览器发送一个基于HTTP协议的请求到Web服务器上,Web服务器会根据用户的请求要求从文件系统中读取并把内容通过HTTP协议返回给客户端,最后在客户端浏览器上显示。
2.2 HTML简介
2.2.1 HTML元素概览
2.2.2 创建显示Web页
2.2.3 创建表单Web页
各个表单标记的作用如下:
2.3 JavaScript简介
2.3.1 JavaScript的基本语法
JavaScript的语法就是包含了一些变量及函数的声明操作,所有的JavaScript代码是在HTML中编写的,使用<script>标记完成。
例:
<script lanuage="JavaScript">
alert("Hello World")
</script>
可以考虑将一些JavaScript代码单独定义成一个*.js文件,然后在需要的页面导入即可。
例:
<script lanuage="JavaScript" src="hello.js"> </script>
在JavaScript中也可以定义变量,定义变量的语法很容易,直接使用var声明变量即可。变量的类型会根据其所赋予的具体内容来决定。如果将一个字符串赋给变量,则此变量就表示字符串类型。
例:
<script lanuage="JavaScript">
var num=30;
var info= "www.MLDNJAVA.cn";
alert("");
</script>
在JavaScript中的程序也分为以下3种结构:
(1)顺序结构
(2)分支结构
(3)循环结构
、
在JavaScript中最重要的部分就是函数。函数的定义语法如下:
JavaScript中数组的使用语法。数组的定义分为静态初始化和动态初始化两种方式。
如果没有为数组每个元素赋值,所有元素的内容都是“undefined”
静态初始化方法如下:
】
2.3.2 事件处理
JavaScript中有几个常用的事件:
onLoad:表示网页加载时要触发的事件
onUnLoad:表示关闭页面时要触发的事件
onClick:单击某个控件时触发的事件
将事件与表单结合起来
<form>元素使用了onSubmit事件在表单提交前进行验证,用return来接收validate()函数的返回值,如果此函数返回true,表明一切正常,可以提交。反之,同样。在validate()函数中编写的this表示当前的元素,由于此事件是在<form>元素中调用的,所以this表示当前的<form>表单。
validate()函数——正则验证
使用JavaScript不仅可以取得文本的输入内容,也可以取得单选按钮或复选框的输入内容。需要注意的是,如果现在表单中的内容是单选按钮或复选框,由于控件名称出现了同名的情况,所以采用数组的方式进行操作。
、
对于下拉列表框,可以使用onChange()事件来处理选项的变化操作。下面通过下拉列表框选择城市,然后在文本框中显示选择的结果。
2.3.3 window对象
JavaScript是基于对象的语言,所以在浏览器中已经提供了许多的可用对象。例如之前的alert()函数,实际上是window对象所定义的函数。
Java Web 开发实战经典 基础篇(1)相关推荐
- 名师讲坛——Java Web开发实战经典基础篇(JSP、Servlet、Struts、Ajax)
[书名]<名师讲坛--Java Web开发实战经典基础篇(JSP.Servlet.Struts.Ajax)> [作者]李兴华.王月清 [ISBN]9787302231585 }:YKf: ...
- 名师讲坛—Java Web开发实战经典基础篇(JSP、Servlet、Struts、Ajax)
名师讲坛-Java Web开发实战经典基础篇(JSP.Servlet.Struts.Ajax) 基本信息 作者: 李兴华 王月清 出版社:清华大学出版社 ISBN:9787302231585 ...
- java web开发实战经典 源码_李兴华 java_web开发实战经典 源码 完整版收集共享
李兴华 java_web开发实战经典 源码 完整版收集共享 01f8a7 在 2018-11-07 20:41:33 上传 10.92 MB 第1章 JAVA WEB开发简介 1.1.WEB发 ...
- Java Web开发实战经典 李兴华版 读书笔记(一)
有的时候总感觉读书没有效率,或是记不住,或是不能专注.所以,把读的书都做一个笔记.贴上来.方便日后回顾. 本人java后端开发,大概算个中级程序员.所以笔记中的难易程度都是根据我自身水平的判断. 看完 ...
- Flask web开发实战之基础篇 Flask-模板
基础篇 第三章 Flask模板 前言 3. Flask模板 3.1 模板基本用法 3.1.1 创建模板 3.1.2 模板语法 3.1.3 渲染模板 3.2 模板辅助工具 3.2.1 上下文 3.2.2 ...
- Flask web开发实战之基础篇 Flask-数据库
基础篇 第五章 Flask数据库 前言 5. 数据库 5.1 数据库的分类 5.1.1 SQL 5.1.2 NoSQL 5.1.3 如何选择? 5.2 ORM魔法 5.3 使用Flask-SQLAlc ...
- Flask web开发实战之基础篇 初识Flask
基础篇 第一章 初识Flask 前言 1. 初识Flask 1.1.搭建开发环境 1.1.1 pipenv工作流 1.1.2 创建虚拟环境 1.1.3 管理环境依赖 1.1.4 安装Flask 1.2 ...
- Java WEB开发须知知识点---基础篇
三 深入servlet技术 1 读取 web.xml 文件: 初始化参数 (init-param),下面的 InitParamServlet 配置了 三个初始化参数<servlet> &l ...
- 《Java Web开发实战经典》李兴华 王月清 第五章5.7.3 例5.26
例5.26 登陆表单项–login.htm 删除以下代码: <%@page contentType="text/html" pageEncoding="GBK&qu ...
最新文章
- redis key命名规范_Redis几个实战经验积累
- android studio apt作用,解决Android studio 3.0 apt插件问题
- 计算机绘制轴类零件图,轴类零件工序图自动绘制的方法和系统研究
- 开关电源之PCB安规设计规范
- 队列:先进先出的线性表,如何实现增删查?
- 高效MacBook工作环境配置
- UE4 粒子特效基础学习 (01-将粒子效果挂载到角色身上)
- 02.CCNA 200-301 题库_51-100
- android 放大镜功能,Android 做一个放大镜的效果(转)
- matlab求状态方程的解,利用matlab求解系统的状态方程
- Oracle查询列重命名问题
- 如何使用阿里云服务器搭建个人简历网站
- 天猫首创“服务360”平台 赋能商家提升用户体验
- 牛市源码定制,抖音矩阵系统源头开发,here
- numpy、pandas操作
- 裁缝式开发:用MATLAB批量发送一封图文并茂的邮件
- txt文档操作(导出和导入)【工具包系列】
- 重庆2020计算机考研科目,2020年计算机考研大纲原文
- iphone显示信号强弱(field test)
- 阿萨德阿斯顿的的点点滴滴