Html+CSS+JSP+Ajax笔记

HTML

 

</form> 单选按钮:

Male
Female

复选框:

I have a bike
I have a car

提交按钮:

Username:  

创建图片: 创建视频:

CSS

使用方法:在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS

<head>
<style>
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("images/back40.gif");}
</style> </head>
<style>:定义文本样式 /*这是个注释*/

<link rel="stylesheet" type="text/css" hre="a.css"> 导入外部css 元素内嵌>文档内嵌>外部内嵌

选择器:

.class{}

.img{}

[]{}

a{}

创建文本样式:

创建文本过渡:

hover :鼠标经过时的变换 盒子模型:

 

Js

代码放在<head>里面

<script>
变量:
变量名称:小写字母,大写字母,$ ,_,数字
      数字不能放最前面,变量名称尽量避免和函数库有关系

var 变量名="值"

function 函数

对事件的反应: <button type="button" onclick="alert"></button>

 

Jsp

1.指令

作用:用于配置JSP页面,导入资源文件

格式:

<%@ 指令名称 属性名1=属性值1 属性名2=属性名2 .。。。%>

分类:

1.page 配置jsp页面

   * contentType :等同于response.setContentType()

   1.设置响应体的mime类和字符集

   2,设置当前jsp页面的编码(只能是高级开发工具才能生效,如果使用低级工具,需要设置pageEncoding=“”来实现)

   *import :导包

   *errorPage :当前页面发生异常后,会自动跳转到指定的错误页面

   *isErrorPage :标识当前也是是否是错误页面

   *true:是,可以使用内置对象exception

   *false:否,默认值,不可以使用内置对象exception

2.include 页面包含的,导入页面的资源文件 *<%include file="top.jsp" %> 3.taglib 导入资源

   *<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

   *prefix : 前缀,自定义的

2.注释

   1.html注释

   <!-- -->:只能注释html代码片段

   2.jsp注释

   <%-- --%>:可以注释所有

3.内置对象

   *在jsp页面中不需要创建,直接使用的对象

   *一共有9个

   变量名         真实类型          作用

   *pageContext PageContext 当前页面共享数据

   *request HttpServletRequest 一次请求访问的多个资源(转发)

   *session HttpSession 一次会话的多个请求

   *application ServletContext 所有用户间共享数据

   *response HttpServletResponse 响应对象

   *page Object 当前页面(Servlet)的对象this

   *out JspWriter 输出对象,数据输出到页面上

   *config ServletConfig Servlet的配置对象

   *exception Throwable 异常对象

##EL表达式:

   1.概念:Expression Language 表达式语言

   2.作用:替换和简化jsp页面中java代码的编写

   3.语法:${表达式}

    *jsp默认支持EL表达式,如果要忽略el表达式

     1.设置jsp中page指令中:isELIgnored=“true”忽略jsp页面中所有el表达式

     2.${表达式}:忽略当前这个el表达式

   5.使用

     1.运算:

     运算符:

       1.算数运算符:+-/(div)%(mod)

       2.比较运算符:><>=<===!=

       3.逻辑运算符:&&(and)||(or)!(not)

         4.空运算符:empty

     2.获取值

       1.el表达式只能从域对象中获取值

       2.语法:

     1.${域名称.键名} :从指定域中获取指定键的值

     *域名城

     1.pageScope --》pageContext

     2.requestScope --》request

     3.sessionScope --》session

     4.applicationScope --》application (ServletContext)

     *举例:在request域中存储了name=张三

     *获取:${requestScope.name}

     2.${键名}:表示依次从最小的域中查找是否有该建对应的值,直到找到为止

    3.获取对象、list集合、map集合
1.对象:${域名城.键名.属性名}
*本质上会调用对象的getter方法
    3.隐式对象:
*el表达式中有11个隐式对象
*pageContext:
*.获取jsp其他八个内置对象
*${pageContext.request.contextPath}:动态获取虚拟目录  

##JSTL

//jsp标准标签库

1.作用:用于简化和替换jsp页面上的java代码

2.使用步骤:

   1.导入jstl相关jar包

   2.引入标签库:taglib指令:<%@ taglib %> 3.使用标签

  3.常用的JSTL标签

     1.if :相当于java代码的if语句

     1.属性

       *test 必须属性,接受boolean表达式 如果表达式为true,则显示if标签体内容,如果为false,则不显示标签体内容

       *注意: *c:if标签没有else情况,想要else情况,则可以在定义一个c:if 标签

2.choose :相当于java代码的switch语句
3.foreach :相当于java代码的for语句
1.完成重复的操作
begin:开始值
end:结束值
var:临时变量
step:步长
varStatus:循环状态对象
index:容器中元素的索引,从0开始
count:循环次数,从1开始
2.遍历容器

 

Ajax 使用jQuery需要先导入jQuery的js文件;

 

有点乱,就先酱吧~

原文地址:https://www.cnblogs.com/dreamzj/p/14332703.html