El_获取域中存储的值和El_获取域中存储的值_对象值
摘要:2获取值 1.el表达式只能从域对象中获取值 2语法: 1.$[域名称.键}:从指定域中获取指定键的值域名称:1.pageScope2.requestScope 3.sessionScope 4.applicationScope--> 举例:在 request 域中存储了 name =张三*获取:$
阅读全文
posted @
2022-08-30 02:01
淤泥不染
阅读(35)
推荐(0) 编辑
EL表达式和EL运算符
摘要:EL 表达式 1。概念: Expression Language 表达式语言 2.作用:替换和简化 jsp 页面中 java 代码的编写 3,语法:$表达式} 4,注意:" jsp 默认支持 el 表达式的。如果要忽略 el 表达式1.设置 jsp 中 page 指令中: isELIgnored -
阅读全文
posted @
2022-08-29 18:57
淤泥不染
阅读(47)
推荐(0) 编辑
MVc_jsp演变历史和MVc详解
摘要:开发模式 jsp 演变历史 1.早期只有 servlet ,只能使用 response 输出标签数据,非常麻烦 2后来又 jsp ,简化了 Servlet 的开发,如果过度使用 jsp ,在 jsp 中即写大量的 java 代码,有写 表,造成难于维护,难于分工协作 3.再后来, java 的 we
阅读全文
posted @
2022-08-29 17:09
淤泥不染
阅读(22)
推荐(0) 编辑
jsp_注解和jsp内置对象
摘要:注释 HTML注释: <!-- -->只能注释HTML片段 jsp推荐使用 <%-- --%>可以注释所以片段 <!-- <h1>hello</h1> --> <%-- System.out.ptintln(" hi~~~~~") --%> jsp内置对象 在jsp页面中不需要创建直接使用即可 一共
阅读全文
posted @
2022-08-29 16:49
淤泥不染
阅读(12)
推荐(0) 编辑
JSP_指令_inclide&taglib指令
摘要:nclued:页面包含的,导入页面资源文件 <%@ page contentType="text/html;charset=UTF-8" language="java" %> <%@include file="oo.jsp"%> <html> <head> <title>Title</title>
阅读全文
posted @
2022-08-15 15:20
淤泥不染
阅读(15)
推荐(0) 编辑
JSP_指令_概述和JSP_指令_page指令
摘要:指令: 作用:用于配置JSP页面,导入资源文件 格式: <%@ 指令名称 属性名1 = 属性值1 属性名2= 属性值2 ... %> 分类: page : 配置JSP页面的 include : 页面包含的。导入页面的资源文件 taglib : 导入资源 JSP_指令_page指令 ContentTy
阅读全文
posted @
2022-08-15 15:03
淤泥不染
阅读(20)
推荐(0) 编辑
按列_验证码_需求&分析 和按列_验证码_代码实现
摘要:案例需求 访问带有验证码的登录页面login.jsp。 用户输入用户名,密码以及验证码。 如果用户名和密码输入有误,跳转登录页面,提示:用户名或密码错误 如果验证码输人有误,跳转登录页面,提示:验证码错误 如果全部输入正确,则跳转到主页success.jsp,显示:用户名,欢迎您 @WebServl
阅读全文
posted @
2022-08-15 14:21
淤泥不染
阅读(17)
推荐(0) 编辑
会话技术_Session_细节3_session销毁和会话技术_Session_特点
摘要:Session什么时候销毁 1服务器被关闭 2Session对象调用invalidate(); 3session默认失效时间 30分钟 选择配置修改 <session-config> <session-timeout>30</session-timeout> </session-config> 会话
阅读全文
posted @
2022-08-15 11:02
淤泥不染
阅读(16)
推荐(0) 编辑
会话技术_session_细节1和会话技术_session_细节2
摘要:当客户端关闭后,服务器不关闭,两次获取Session是否为同一个 默认情况下,不是 如果相同,则可以创建Cookie,键为JESSIONID,设置最大存活时间,让cookie持久化保存 Cookie cookie = new Cookie("JSESSIONID",session.getId());
阅读全文
posted @
2022-08-15 10:35
淤泥不染
阅读(15)
推荐(0) 编辑
会话技术_Session_快速入门和会话技术_session原理分析
摘要:概念:服务器端会话技术,在一次会话的多次请求间共享数据,将数据保存在服务器的对象中。HttpSession 快速入门: 获取HttpSession对象: HttpSession session = request.getSession(); 使用HttpSession对象: Object getAt
阅读全文
posted @
2022-08-15 09:55
淤泥不染
阅读(10)
推荐(0) 编辑
jsp_快速入门和jsp案例_改造cookie案例
摘要:JSP的内置对象 在JSP页面中不需要获取创建,可以直接使用的对象 jsp一共有9个内置对象 Request Response out:字节输出流对象,可以将数据输出到页面上,和Response.getWriter()类似 Response.getWriter()和out.writer()的区别 在
阅读全文
posted @
2022-08-15 09:14
淤泥不染
阅读(20)
推荐(0) 编辑
jsp_脚本
摘要:JSP脚本方式 <% 代码 %> :定义的java代码,在service方法中,service方法中可以定义什么,该脚本就可定义什么。 <%! 代码 %>:定义的java代码,在jsp转换后的java类的成员位置。 <%=代码 %>:定义的java代码,会输出到页面上,输出语句中可以定义什么,该脚本
阅读全文
posted @
2022-08-14 20:59
淤泥不染
阅读(25)
推荐(0) 编辑
JSP_概念和JSP_原理
摘要:概念: java Server Pages:java服务器端页面 JSP(全称Java Server Pages)是由 Sun Microsystems 公司倡导和许多公司参与共同创建的一种 使软件开发者可以响应客户端请求,而动态生成 HTML、XML 或其他格式文档的Web网页的技术标准。 JSP
阅读全文
posted @
2022-08-11 17:39
淤泥不染
阅读(47)
推荐(0) 编辑
会话技术_Cookie_特点&作用和会话技术_案例_分析和代码实现
摘要:cooklie的特点和作用 1. cookie存储数据在客户端浏览器 2.浏览器对于单个cookie 的大小有限制(4kb)以及对同一个域名下的总cookie数量也有限制(2o个) 作用: 1. cookie—般用于存出少量的不太敏感的数据 2.在不登录的情况下,完成服务器对客户端的身份识别 会话技
阅读全文
posted @
2022-08-11 16:53
淤泥不染
阅读(19)
推荐(0) 编辑
会话技术_Cookie_细节3_Cookie存储中文和会话技术_Cookie_细节4_Cookie共享
摘要:Cookie能不能存中文? 在tomcat 8 之前 Cookie中不能直接存储中文数据 需要将中文数据转码 一般采用url编码(%E3) 在Tomcat 8 之后, cookie支持中文数据。 @WebServlet("/CookieDemo5") public class CookieDemo5
阅读全文
posted @
2022-08-11 15:09
淤泥不染
阅读(20)
推荐(0) 编辑
会话技术_Cookie_细节1_发送多个Cookie和会话技术_Cookie_细节1_存活多少时间
摘要:Cookie的细节 一次可不可以发送多个? 可以 可以创建多个Cookie对象使用Response调用多次addCookie方法cookie即可 @WebServlet("/CookieDemo3") public class CookieDemo3 extends HttpServlet { pr
阅读全文
posted @
2022-08-11 14:33
淤泥不染
阅读(12)
推荐(0) 编辑
会话技术_Cookie_快速入门和会话技术_Cookie_原理分析
摘要:快速入门 步骤: 创建Cookie对象,绑定数据 new CookIe(String name,String value) 发送Cookie对象 Response.addCookie(Cookie cookie) 获取Cookie,拿到数据 Cookie[] Request.getCookies()
阅读全文
posted @
2022-08-11 13:58
淤泥不染
阅读(14)
推荐(0) 编辑
案例_文件下载_中文文件问题和会话技术_概述
摘要:问题: 中文文件问题 解题思路 获取客户端使用的浏览器版本信息 根据不同的版本信息,设置filname的编码方式不同 @WebServlet("/downloadloadServlet") public class ServletContextDemo5 extends HttpServlet {
阅读全文
posted @
2022-08-11 13:13
淤泥不染
阅读(11)
推荐(0) 编辑
ServletContext_功能_获取文件服务器路径和文件下载_代码实现
摘要:ServletContext对象范围:所有用户所有请求的数据 获取文件的真实服务器路径 方法:String getRealpath(String path) @WebServlet("/ServletContextDemo4") public class ServletContextDemo4 ex
阅读全文
posted @
2022-08-11 10:55
淤泥不染
阅读(38)
推荐(0) 编辑
ServletContext_功能_获取MIME类型和ServletContext_功能_域对象
摘要:ServletContext功能: 获取MIME类型 MIME类型:在互联网通信过程中定义的一种文件数据类型 格式:―天类型小类型 text/html image/jpeg 共取:String getMimeType( String file)域对象:共享数据 获取文件的i实(服务器)路径 Serv
阅读全文
posted @
2022-08-10 16:56
淤泥不染
阅读(33)
推荐(0) 编辑
ServletContext对象和ServletContext_获取
摘要:ServletContext对象 概念:代表整个web应用,可以和程序的容器(服务器)来通信 功能: 获取MIME类型 域对象:共享数据 获取文件的真实(服务器)路径 ServletContext_获取 ServletContext对象获取,通过Request对象获取Request.getServl
阅读全文
posted @
2022-08-10 15:14
淤泥不染
阅读(20)
推荐(0) 编辑
Respons_案例_输出字节数据和验证码分析实现
摘要:Respons_案例_输出字节数据 服务器输出字节数据到浏览器 步骤: 获取字节输出流 输出数据 resp.setCharacterEncoding("text/html;charset=utf-8"); ServletOutputStream outputStream = resp.getOutp
阅读全文
posted @
2022-08-10 10:23
淤泥不染
阅读(27)
推荐(0) 编辑
Response_案例_路径_决定路径和Response_案例2_输出字符串数据
摘要:绝对路径路径:通过绝对路径可以确定唯一资源 如:Http://localhost/day15/responseDemo2 /day15/Response 以/开头的路径 规则:判断定义的路径是给谁用的?判断请求将来的从哪发出 给客户端浏览器使用:需要加虚拟的目录(项目的访问路径) <a>,<from
阅读全文
posted @
2022-08-10 10:01
淤泥不染
阅读(30)
推荐(0) 编辑
Response_案例_重定向_特点和Response_案例_相对路径
摘要:重定向的特点 地址栏发生变化 重定向可以访问其他站点(服务器)的资源 重定向是两次,不能使用requale,对象共享数据 转发的特点 地址栏路径不变 转发只能访问但当前武器的资源 转发是一次请求,可以使用Request 开对象更新数据 Response_案例_相对路径 路径分类 相对路径:通过相对路
阅读全文
posted @
2022-08-10 09:23
淤泥不染
阅读(22)
推荐(0) 编辑
Response_案例1_重定向_代码实现
摘要:完成重定向重定向:资源跳转的方式 代码实现:服务器输出字符数据到浏览器 服务器输出字节数据到浏览器验证码 System.out.println("demo1....."); super.doGet(req, resp); resp.setStatus(302); // resp.setHeader(
阅读全文
posted @
2022-08-09 19:01
淤泥不染
阅读(22)
推荐(0) 编辑
登录案例_BeanUtils基本使用和登录案例_BeanUtils介绍
摘要:简化代码: 首先到这个jar包 然后用他的方法 @WebServlet("/loginServlet") public class LoginServlet extends HttpServlet { @Override protected void doGet(HttpServletRequest
阅读全文
posted @
2022-08-09 17:21
淤泥不染
阅读(20)
推荐(0) 编辑
HTTP响应消息_响应头和Response_功能介绍
摘要:HTTP响应消息_响应头 响应头: 格式:头名称:值 常见的响应头: 1.Content-Type:服务器告诉客户表本次响应体数据格式以及编码格式 2.Content-disposition:服务器告诉客户端以什么格式打开响应体数据 值: in-line:默认值,在当前页面内大开 attacheme
阅读全文
posted @
2022-08-09 16:43
淤泥不染
阅读(129)
推荐(0) 编辑
Http_响应消息_概述和响应消息_响应行_状态行
摘要:请求消息:客户端发送给服务器的数据 数据格式: 请求行 请求头 请求空行 请求体 响应消息∶服务器端发送给客户端的数据 数据格式: 1.响应行 2.响应头 3.响应空行 4,响应体 响应消息_响应行_状态行 响应行 组成:协议/版本 响应状态码 状态码描述 响应状态码:服务器告诉客户端浏览器本次请求
阅读全文
posted @
2022-08-09 16:09
淤泥不染
阅读(38)
推荐(0) 编辑
Request_获取ServletContext和登录案例需求代码实现
摘要:获取ServletContext:ServletContext getServletContext(); @WebServlet("/requestDemo5") public class requestDemo5 extends HttpServlet { @Override protected
阅读全文
posted @
2022-08-09 10:46
淤泥不染
阅读(43)
推荐(0) 编辑
Request_请求转发和Request_请求共享数据
摘要:请求转发:一种在服务器内部的资源跳转方式: 步骤: 通过request对象获取请求发生器RequestDispather getRequestDispather(String path) 使用RequestDispatcher对象来进行转发:forward(ServletRequest reques
阅读全文
posted @
2022-08-09 10:29
淤泥不染
阅读(51)
推荐(0) 编辑
Request_获取请求参数通用方式演示和Request_获取请求参数中文乱码问题处理
摘要:String getparamter(String name) :根据参数名获取参数值, username=zs &password=123 @WebServlet("/requestDemo1") public class requestDemo1 extends HttpServlet { @O
阅读全文
posted @
2022-08-09 09:43
淤泥不染
阅读(76)
推荐(0) 编辑
Request_获取请求体数据和Request_请求参数通用方式介绍
摘要:获取请求体: 请求体:只有POST请求方式,才能请求体,在请求体中分装了POST请求参数 步骤: 获取流对象 BufferedReader 个体Read():获取字符串输入流,只能操作字符数据 ServletInputStream getinput(): 获取字节输入流,可以操作所有类型的数据 @O
阅读全文
posted @
2022-08-08 16:59
淤泥不染
阅读(477)
推荐(0) 编辑
Request_获取请求数据_代码案例和Request_Request获取请求头数据
摘要:URL:统一资源定位符:Http://localhost/day14/demo1 中华人民共和国 URL:统一资源标示符:/day14/demo1 共和国 java代码 @WebServlet("/requestDemo1") public class ServletDome5 extends Ht
阅读全文
posted @
2022-08-08 16:20
淤泥不染
阅读(55)
推荐(0) 编辑
Request_继承体系和Request_获取_请求行数据_方法介绍
摘要:request对象继承体系结构 ServletRequest -- 接口 | 继承 HttpServletRequest -- 接口 | 实现 org.apache.catalina.connector.RequertFacade 类(tomcat) Request_获取_请求行数据_方法介绍 获取
阅读全文
posted @
2022-08-08 14:50
淤泥不染
阅读(22)
推荐(0) 编辑
Http_请求消息_请求头&请求体和request_原理
摘要:User-Agent:浏览器告诉服务器我访问你的浏览器版本信息 可以在服务器获取该头的信息,解决浏览器的兼容性问题 Referer:Http://local/login.html 告诉服务器,我(当前的请求)从哪里来 作用: 防盗链 统计工作 请求空行 空行,就是用于分割POST请求头和请求体 请求
阅读全文
posted @
2022-08-08 14:22
淤泥不染
阅读(87)
推荐(0) 编辑
Http_概念和 Http_请求消息_请求行
摘要:概念: Hyper Text Transfan Protocol 超文本传输协议 传输协议:定义了客户端和服务器通信时,发送数据的格式 特点: 基于TCP/IP的高级协议 默认端口:80 基于请求:/响应模型的一次请求对应的一次响应, 无状态的:没次请求之间相互独立,不能交互数据 Http_请求消息
阅读全文
posted @
2022-08-08 13:13
淤泥不染
阅读(20)
推荐(0) 编辑
Servlet_体系结构和Servlet_urlpartten相关配置
摘要:概念 步骤执行原理 生命周期servlet3.0 注解配 servlet的体系结构 servlet --接 Genericservlet --抽象类 Httpservlet --抽象类 GenericServlet:将servlet接口中其他的方法做了默认空实现,只将service()方法作为抽浆
阅读全文
posted @
2022-08-08 11:05
淤泥不染
阅读(19)
推荐(0) 编辑
Servlet_3.0注解配置和IDEA与tomcat相关配置
摘要:Servlet3.0 好处: 支持注解配置,可以不需要web.xml了 步骤: 创建JavaEE项目,选择Servlet的版本3.0以上,可以不被创建web.xml 定义一个方法实习Servlet接口 复习方法 在类上@WebServlet:注解,进行配置 @WebServlet("资源路径") 直
阅读全文
posted @
2022-08-08 10:09
淤泥不染
阅读(42)
推荐(0) 编辑
Servlet_生命周期方法和Servlet_生命周期详细
摘要:init:在servlet被创建时执行只会执行一次 service:每一次Servlet被访问时执行,执行多次 destroy:在服务器正常关闭时执行,执行一次 配置web.xml Servlet_生命周期详细 Servlet什么时候创建 默认情况下,第一次被访问时Servlet被创建 可以配置执行
阅读全文
posted @
2022-08-08 09:32
淤泥不染
阅读(26)
推荐(0) 编辑
Servlet_执行原理
摘要:执行原理 当服务器接受到客户端浏览器的请求后,会解析请求URL路径,获取访问的servlet的资源路径 查找web.xml文件,是否有对应的<url-pattern>标签体内容。 如果有,则在找到对应的<servlet-class>全类名 tomcat会将字节码文件加载进内存,并且创建其对象 调用其
阅读全文
posted @
2022-08-07 19:10
淤泥不染
阅读(13)
推荐(0) 编辑
Servlet_概念和Servlet_快速入门
摘要:Servlet:server applet 概念运行服务器端的小程序 servlet就是一个接口,定义了Java类被浏览器访问到(tomcat识别)的规则。 将来我们自定义一个类,实现servlet接口,复写方法。I 快速入门 创建JavaEE项目 定义一类,实现Servlet接口 实现接口中的抽象
阅读全文
posted @
2022-08-07 16:58
淤泥不染
阅读(13)
推荐(0) 编辑
tomcat_动态java项目的目录结构和_tomcat_与IDEA集成&创建web项目
摘要:静态项目和动态项目∶ 目录结构 java动态项目的目录结构∶ 项目的根目录 wEB-INF目录︰ web.xml : web项目的核心配置文件 clases目录:放置字节码文件的目录 lib自录∶放置依赖的jar包 tomcat_与IDEA集成&创建web项目 创建JAVAEE项目: 选在WebAp
阅读全文
posted @
2022-08-07 15:36
淤泥不染
阅读(21)
推荐(0) 编辑
tomcat_关闭和tomcat_部暑项目的方式
摘要:关闭 正常关闭: bin/shutdown.bat ctrl+c 强制关闭: 点击启动窗户的 tomcat_部暑项目的方式 配置 部署项目的项目: 直接将项目放到webapps目录即可。 /hello项目的访问路径-->虚拟目录 简化部署:将项目达成一个war包,在将war包放置到webapps目录
阅读全文
posted @
2022-08-07 15:16
淤泥不染
阅读(19)
推荐(0) 编辑
tomcat_安装_&卸载&启动和Tomcat启动分析
摘要:下载:Http://tomcat.Apache.org/ 安装: 下完成解压 起名不要气中文 卸载:删除文件夹 启动 bin/starup.bat,双击运行文件即可 访问:浏览器输入:http://localhost:8080回车访问自己 http://别人的IP访问别人 Tomcat启动分析 可能
阅读全文
posted @
2022-08-07 14:51
淤泥不染
阅读(16)
推荐(0) 编辑
web_相关概念回顾和web_服务器软件_概述
摘要:软件架构 C/S:客户端/服务器端 B/S:浏览器/服务器端 资源分类 静态资源:所有用户访问后,得到的结果都是一样的称为静态资源,静态资源可以直接被浏览器解析 如:html,css,JavaScript 动态资源:每个用户访问相同资源后,得到的结果可能不一样。称为动态资源。动态资源被访问后,需要先
阅读全文
posted @
2022-08-07 14:11
淤泥不染
阅读(27)
推荐(0) 编辑
xml_Jsoup_根据选择器查询和xml_解析_jsoup根据Xpath查询
摘要:快捷方式: select:选择器 使用的方法:Element select(String CssQuery) 语法:参数selector类中定义语法 String path = JsoupDemo5.class.getClassLoader().getResource("student.xml").
阅读全文
posted @
2022-08-07 13:39
淤泥不染
阅读(107)
推荐(0) 编辑
xml_解析_jsoup_Document对象和xml_解析_jsoup_Element对象
摘要:获取Element对象 getElementById(string id)∶根据id属性值获取唯一的element对象 getElementsByTag(string tagName):根据标签名称获取元素对象集合 getElementsByAttribute(string key):根据属性名称获
阅读全文
posted @
2022-08-07 11:42
淤泥不染
阅读(64)
推荐(0) 编辑
xml_解析_jsoup_快速入门和xml_解析_jsoup_jsoup对象
摘要:步骤: 导入jar包 获取Document对象 获取对应的便签Element对象 获取对应的数据 <dependency> <groupId>org.jsoup</groupId> <artifactId>jsoup</artifactId> <version>1.10.2</version> </
阅读全文
posted @
2022-08-07 10:29
淤泥不染
阅读(37)
推荐(0) 编辑
xml_解析_常见的解析器和xml_解析_解析方式
摘要:解析:操作xml文档,将文档中的数据读取到内存中 操作xml文档 解析:(读取)文档中的数据读取到内存中 写入:将内存中的数据保存到xml文档中,持久化存储 解析xml的方式: DOM:将标记语言文档一次加载进内存,在内存中形成一棵树dom树 优点:操作方便,可以对文档进行CRUD所有操作 缺点:占
阅读全文
posted @
2022-08-07 09:22
淤泥不染
阅读(16)
推荐(0) 编辑
xml_约束_dtd 和 xml_约束_schema
摘要:分类 DTD:一种简单的约束技术 Schema:一种复杂的约束技术 DTD 引入dtd文档到xml文档中 内部:dtd:将约束规则定义在xml文档中 外部:dtd:将约束规则定义在外部的dtd文件中 本地<!DOCTYPE 根标签 名 SYSTEM "dtd文件的位置"> 网络<!DOCTYPE 根
阅读全文
posted @
2022-08-06 14:53
淤泥不染
阅读(17)
推荐(0) 编辑
XML_组成部和 xml_约束概念
摘要:文档声明 格式:<?xml 属性列表?> 属性列表: version:版本号,必须的属性 encoding:编码方式。告知解析引擎当前使用的字符集,默认值:ISO-8859-1 standalone:是否独立 取值: yes:不依赖其他文件 no:依赖其他文件 指令(了解):结合CSS的 <!--<
阅读全文
posted @
2022-08-06 13:56
淤泥不染
阅读(16)
推荐(0) 编辑
XML_概述和XML_快速入门
摘要:概念:Extensiblen Markup language 可扩展标记语言 可扩展:标签都是自己的 <user> <student> 功能: 存储数据 1.配置文件 2.在网络中传输 xml与html的区别 xml:标签都是自定义的,html标签是预定 xml:的语法严格,html语法松散 xml
阅读全文
posted @
2022-08-06 11:51
淤泥不染
阅读(19)
推荐(0) 编辑
案例_黑马旅游网_页眉部分和案例_黑马旅游网_页面布局
摘要:<!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=
阅读全文
posted @
2022-08-06 11:02
淤泥不染
阅读(25)
推荐(0) 编辑
Bootstrap_插件_轮播图和案例_黑马旅游网_分析
摘要:去官网把轮播图靠过来填一下图片 <!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="vi
阅读全文
posted @
2022-08-06 09:42
淤泥不染
阅读(28)
推荐(0) 编辑
Bootstarp_全局CSS样式2_表格&表单和Bootstrap_组件_导航台&分页条
摘要:表格样式 table table-bordered table-hover 表单 给表单项目添加class=“form-control” <!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equi
阅读全文
posted @
2022-08-06 09:18
淤泥不染
阅读(26)
推荐(0) 编辑
注意事项和Bootstarp_全局CSS样式_按钮&图片
摘要:container :两边留白 container-fluid :每一种设备都是100%宽度 注意∶ 1.一行中如果格子数目超过12,则超出部分自动换行。 2,栅格类属性可以向上兼容。栅格类适用于与屏幕宽度大于或等于分界点大小的设备。 3.如果真实设备宽度小于了设置栅格类属性的设备代码的最小值,会一
阅读全文
posted @
2022-08-05 17:16
淤泥不染
阅读(15)
推荐(0) 编辑
Bootstarp_快速入门和Bootstarp_栅格系统_入门
摘要:下载Bootstarp 在项目中将这三个文件夹复制 创建html页面,引入必要的资源文件 <!doctype html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" cont
阅读全文
posted @
2022-08-05 16:39
淤泥不染
阅读(17)
推荐(0) 编辑
案例6_表单检验和 BootStrap概述
摘要:分析: 给表单绑定submit事件。监听器中判断每一个方法校验的结果 如果都为true,则监听器返回true 如果一个为false,则监听器返回都为false 定义一些方法分别校验各个单项 给各个表单绑定哦你blue事件 <!DOCTYPE html> <html lang="en"> <head>
阅读全文
posted @
2022-08-05 15:34
淤泥不染
阅读(60)
推荐(0) 编辑
事件_常见事件演示和案例5_表格全选
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> window.onload = function () { // document.getElementById(
阅读全文
posted @
2022-08-05 14:47
淤泥不染
阅读(13)
推荐(0) 编辑
HTMLDOM_样式控制和事件的_概述
摘要:使用元素的style属性来设置 如: 修改样式方式1: div1.style.border = "1px solid red"; div1.style.width = "200px"; div1.style.fontSize = "20px"; 提前定义好类选择器的样式,通过元素的className
阅读全文
posted @
2022-08-04 15:24
淤泥不染
阅读(32)
推荐(0) 编辑
案例4_动态表格_删除和HTMLDOM_innerHTML
摘要:删除 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> table{ border: 1px solid; margin: auto; width: 500px; }
阅读全文
posted @
2022-08-04 14:30
淤泥不染
阅读(32)
推荐(0) 编辑
DOM_Node对象和案例4_动态表格_添加
摘要:超链接功能: 可以被点击:样式 点击后台跳转到href指定的url 需求:保留1功能,去掉2功能 href=javascript:void(0); Node结点对象,其他5个的父对象 特点:所有DOM对象都可以被认为是一个结点 方法: CRUD dom appendChild():向结点的子节点列表
阅读全文
posted @
2022-08-04 13:57
淤泥不染
阅读(34)
推荐(0) 编辑
DOM_Document对象_创建DOM对象和DOM_Element对象
摘要:创建其他DOM对象 createAttribute() createComment(); createElement(); createTextNode(); <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>
阅读全文
posted @
2022-08-04 11:32
淤泥不染
阅读(33)
推荐(0) 编辑
DOM_概念和DOM_Document对象_获取Element方法
摘要:DOM概念: Document Object Model 文档对象模型 将标记语言文档的各个组成部分,封装为对象,可以使用这些对象,对标记语言文档进行CRUD的动态操作 w3c DOM - 针对任何结构化文档的标准 Document:元素对象 Element:元素对象 Attribute:属性对象
阅读全文
posted @
2022-08-04 10:14
淤泥不染
阅读(49)
推荐(0) 编辑
BOM_Location和案例3_自动跳转首页
摘要:Location:地址栏对象 创建(获取) window.location location 方法: reload()重新加载当前文档。刷新 属性: href 设置或返回完整的URL HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset
阅读全文
posted @
2022-08-04 09:34
淤泥不染
阅读(26)
推荐(0) 编辑
案例2_轮播图和BOM_wWindow_属性
摘要:分析; 1.在页面上使用img标签展示图片 2 .定义一个方法,修改图片对象的src属性 3.定义一个定时器,每隔3秒调用方法一次。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>
阅读全文
posted @
2022-08-03 21:40
淤泥不染
阅读(22)
推荐(0) 编辑
BOM_Window_打开关闭方法和BOW_Window_定时器方法
摘要:开调用open 关闭调用close <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input id="openBtn" type="button"
阅读全文
posted @
2022-08-03 17:40
淤泥不染
阅读(22)
推荐(0) 编辑
BOM_概述和BOW_Window_弹出方法
摘要:概念:Browse Object Model 浏览器对象模型 将浏览器的各个组成部分封装成对象 组成: window:窗口对象 Navigator:浏览器对象 Screen:显示器屏对象 History:历史记录对象 Loction:地址栏对象 BOW_Window_弹出方法 window:窗口对象
阅读全文
posted @
2022-08-03 16:43
淤泥不染
阅读(32)
推荐(0) 编辑
事件简单学习和案例_点灯开关
摘要:功能:某些组件被执行了某些操作后,触发某些代码的执行。 造句:xxx被xxx,我就xxx 我方水晶被摧毁后,我就责备对友。 地方水晶被摧毁后,我就夸奖自己。 如何绑定事件 1。直接在html标签上,指定事件的属性(操作),属性值就是js代码 事件: onclick 单击事件 2.通过js获取元秦对象
阅读全文
posted @
2022-08-03 16:05
淤泥不染
阅读(26)
推荐(0) 编辑
JavaScript_对象_Global和DOM简单学习
摘要:特点: 全局对象,这个Global中封装的方法不需要对象就可以直接调用。方法名(); 方法: encodeURI():url编码 decodeURI():URL解码 encodeURIComponent():url编码的字符更多 decodeURIComponent():url解码 parseInt
阅读全文
posted @
2022-08-03 15:26
淤泥不染
阅读(24)
推荐(0) 编辑
JavaScript_对象_RegExp2和JavaScript_对象_RegExp3
摘要:实现结果: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> var reg = new RegExp("\w{6,12}"); var reg2 = /^\w{6
阅读全文
posted @
2022-08-03 13:34
淤泥不染
阅读(13)
推荐(0) 编辑
JavaScript_对象_Math和JavaScript_对象_RegExp1
摘要:创建 特点:Math对象不用创建,直接使用。Math方法名(); 方法: random():返回 0 ~ 1之间的随机数。含0不含一1 cell(x): 对数进行上舍入 floor(x):对数进行下舍入 round(x)把数四舍五入为最接近的整数 <script> document.write(Ma
阅读全文
posted @
2022-08-03 13:12
淤泥不染
阅读(14)
推荐(0) 编辑
JavaScript_对象_Array和JavaScript_语法_Date
摘要:Array数组对象 创建 var arr = new Array(元素列表); var arr = new Array(默认常德); var arr = [元素列表] 特点: js中,数据元素的类型可变的 js中,数组长度可变 <!DOCTYPE html> <html lang="en"> <he
阅读全文
posted @
2022-08-03 10:30
淤泥不染
阅读(17)
推荐(0) 编辑
和JavaScript_语法_练习_99乘法表和JavaScript_对象_function
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> td{ border: 1px solid; } </style> <script> document.write(
阅读全文
posted @
2022-08-03 09:44
淤泥不染
阅读(16)
推荐(0) 编辑
JavaScript_语法_特殊语法和JavaScript_语法_流程控制语句
摘要:js特殊语法∶ 1,语句以;结尾,如果一行只有一条语句则;可以省略(不建议) 2.变量的定义使用var关键字,也可以不使用 用:定义的变量是局部变量 不用:定义的变量是全局变量(不建议) <!DOCTYPE html> <html lang="en"> <head> <meta charset="U
阅读全文
posted @
2022-08-02 15:31
淤泥不染
阅读(21)
推荐(0) 编辑
JavaScript_语法_逻辑运算符和JavaScript_语法_三元运算符
摘要:逻辑运算符: &&:与(短路) | | :与(短路) ! 其他 其他类型转boolean: 1. number:e或NaN为假,其他为真 2. string: 除了空字符串("")其它都是true 3. nul1&undefined 4、对象: <!DOCTYPE html> <html lang=
阅读全文
posted @
2022-08-02 14:35
淤泥不染
阅读(17)
推荐(0) 编辑
javaScript_语法_一元运算符和JavaScript_语法_算法&比较运算符
摘要:运算符: 一元运算符 : 只有一个运算数的运算符 ++,--,+(正号) * ++ --:自增(自减) ++(- -)在前,先自增(自减)在运算 ++(- -)在后,先运算,在自增(自减) <!DOCTYPE html> <html lang="en"> <head> <meta charset="
阅读全文
posted @
2022-08-02 13:32
淤泥不染
阅读(16)
推荐(0) 编辑
javaScript_语句_变量和 JavaSprice语法_typeof
摘要:变量: 变量:一小块存储数据的内存空间 java语言是强类型语言,而javaScript是弱类型的语言 强类型:在开辟变量存储空间时,定义了空间将来存储的数据的数据类型。只能存储固定类型的数据 弱类型:在开辟变量存储空间时,不定义空间将来的存储数据类型,可以存放任意类型的数据。 语法: var 变量
阅读全文
posted @
2022-08-02 11:33
淤泥不染
阅读(29)
推荐(0) 编辑
java_Script_语法_与html结合方式和java_Script_语法_注释&数据类型
摘要:ECMAScript :客户端脚本语言的标准 1.基本语法︰ 1.与html结合方式 内部JS: 定义<script>,标签体内就是js代码 外部JS: 定义<script>,通过src属性引入外部的js文件 注意: <script>,可以定在html页面的任何地方放,但是定义的位置会影响执行顺序
阅读全文
posted @
2022-08-02 10:58
淤泥不染
阅读(125)
推荐(0) 编辑
javaScript_简介和javaScript发展史
摘要:概念:一门客户端脚本语言 用户在客户端浏览器中的,每一个浏览器都有javaScript的解析引擎 脚本语言:不需要编译,直接就可以被浏览器执行了 功能: 可以来增强用户和html页面的交互过程可以来控制html元素,让页面有一些动态效果,增强用户体验 javaScript发展史 1.192年,Nom
阅读全文
posted @
2022-08-02 10:15
淤泥不染
阅读(39)
推荐(0) 编辑
CSS_案例_注册页面和CSS_案例_注册页面2
摘要:把该页面用css进行优化 <div class="rg_layout"> <div class="rg_left"> <p>新用户注册</p> <p>USER REGISTER</p> </div> <div class="rg_center"> <div class="rg_form"> <for
阅读全文
posted @
2022-08-02 09:57
淤泥不染
阅读(18)
推荐(0) 编辑
css_属性1和CSS_属性2_盒子模型
摘要:属性: 字体,文本 font-size :字体大小 color :文本颜色 text-align :对其方式 line-height :行高 背景: background: 边框: border :设置边框,符合属性 尺寸: width:宽度 height:高度 <!DOCTYPE html> <h
阅读全文
posted @
2022-08-01 22:24
淤泥不染
阅读(15)
推荐(0) 编辑
基础选择器和扩展选择器
摘要:分类: id选择器:选择具体的id属性的元素建议在html页面中id值唯一 语法:#id属性值{} 元素选择器:选择具有相同标签的元素 语法:标签名称 注意:id选择器优先于高于元素选择器 类选择器:选择具体有相同的class属性值的元素 语法:.class属性值 注意:类选择器选择器优先级高于元素
阅读全文
posted @
2022-08-01 19:15
淤泥不染
阅读(21)
推荐(0) 编辑
css与html的结合方式和css语法格式
摘要:内联样式 在标签内使用style属性指定css代码 如<div style = "color:red"> hello css </div> 内部样式 在head标签内部,定义style标签,style标签的标签题内容css代码 如: <style> div{ color: blue; }</styl
阅读全文
posted @
2022-08-01 17:05
淤泥不染
阅读(26)
推荐(0) 编辑
HTML_表单表标签_表单项_select&textarea和Css概述
摘要:select:下拉列表 子元素:option,指定列表项 textarea:文本域 cols:指定列数,每一行有多少字符 rows: 默认多少行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</
阅读全文
posted @
2022-08-01 16:40
淤泥不染
阅读(21)
推荐(0) 编辑
HTML_表单表标签_表单项_input2和HEML_注册页面
摘要:file :文件选择框 hidden :隐藏域,用于提交一些信息。 按钮︰ submit:提交按钮。可以提交表单 button:普通按钮 image:图片提交按钮src属性指定图片的路径 <!DOCTYPE html> <html lang="en"> <head> <meta charset="U
阅读全文
posted @
2022-08-01 16:19
淤泥不染
阅读(41)
推荐(0) 编辑
HTML_表单标签_概述和HTML_表单标签_表单项input1
摘要:form:用于定义表单的。可以定义一个范围,范围代表采用用户数据的范围 属性: action:指定提交数据的url method:指定提交的方式 分类:一共七中,2中比较常用 get: 1.请求参数在地址栏中显示, 请求参数大小是有限制的 不太安全 post: 2.请求参数不会在地址栏中显示,会封装
阅读全文
posted @
2022-08-01 15:43
淤泥不染
阅读(27)
推荐(0) 编辑
HTML_旅游网站首页和实现HTML_旅游网站首页
摘要:案例网站首页 确定使用table来完成布局 如果某一行只有一个单元格则使用<tr><td><td/><tr/> 如果某一行有多个单元格则使用 <tr> <td> <table><table/> <td/> <tr> 实现HTML_旅游网站首页 <!DOCTYPE html> <html lang="
阅读全文
posted @
2022-08-01 15:00
淤泥不染
阅读(491)
推荐(0) 编辑
HTML_表格标签和HTML_表格标签1
摘要:table:定义表格 width:宽度 border:边框 cellpadding:定义内容和单元格的间距 cellspacing:定义单元格之间的举例,如果指定为0,则单元的线会合成一条 bgcolor:背景色 align:对其方式 tr:定义hang td:单元格 th:定单元格的标题 <!DO
阅读全文
posted @
2022-08-01 13:35
淤泥不染
阅读(21)
推荐(0) 编辑
HTML_div和span标签和HTML_语义化标签
摘要:div和span div:每一个div独占一行,块标签 span:文本信息在一行展示,行内标签,内联标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body
阅读全文
posted @
2022-08-01 11:37
淤泥不染
阅读(52)
推荐(0) 编辑
HTML_标签_表格标签2和HTML_标签_连接标签
摘要:列表标签 有序标签 <ol> <li> 无序标签 <ul> <li> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!-- 有序--> <ol t
阅读全文
posted @
2022-08-01 11:16
淤泥不染
阅读(18)
推荐(0) 编辑
HTML标签_文本标签_练习和HTML标签_图片标签
摘要:中关村黑马程序员训练营'是由传智播客联合中关村软件园、CSDN,并委托传智播客进行教学实施的软件开发高端培训机构,致力于服务各大软件企业,解决当前软件开发技术飞速发展,而企业招不到优秀人才的困扰。目前,“中关村黑马程序员训练营"”已成长为行业“学员质量好、课程内容深、企业满意”的移动开发高端训练基地
阅读全文
posted @
2022-08-01 10:46
淤泥不染
阅读(37)
推荐(0) 编辑
HTML标签_文本标签1和HTML标签_文本标签2
摘要:h1~h6:字体大小酌减递减 <p>:段落标签 <br>:执行标签 <pr>展示一条水平线 color 颜色 writh 宽度 size 高度 aglign 对其方式 center 居中 left 左对齐 right 右对齐 <!DOCTYPE html> <html lang="en"> <hea
阅读全文
posted @
2022-08-01 10:10
淤泥不染
阅读(44)
推荐(0) 编辑
html快速入门和html标签_文件标签
摘要:语法 html文档后缀名 .html 或者 .htm 标签分为 围堵标签:有开始标签和结束标签。如果<html></html> 自闭和标签:开始标签和结束标签在一起如<br/> 标签可以嵌套 需要正确嵌套吗,不能你中有我,我中有你。 错误:<a> <b><a></b> 正确:<a><b></b></
阅读全文
posted @
2022-08-01 09:14
淤泥不染
阅读(27)
推荐(0) 编辑