zoukankan      html  css  js  c++  java
  • 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文件;

     

    有点乱,就先酱吧~

  • 相关阅读:
    一些至理名言
    移除快捷方式上面那个丑陋的小箭头
    一些浏览器插件
    yahoo给出的关于网站优化的建议
    javascript 事件流
    关于mongodb的一些笔记
    WebStorm
    给go添加各种package
    工具类 util.Date 日期类
    几种简单排序算法
  • 原文地址:https://www.cnblogs.com/dreamzj/p/14332703.html
Copyright © 2011-2022 走看看