前端
HTML、CSS、JS、JSP
程序彤
无废话,纯干货。
展开
-
提现页-背景
1原创 2023-03-03 20:21:07 · 213 阅读 · 1 评论 -
回归JavaWeb(Day01)之EL企业应用方法
在企业应用el表达式小技巧: jsp中的九大内置对象之一${pageContext.request} 1.获取协议${pageContext.request.scheme}<br> 2.服务器ip${pageContext.request.serverName}<br> 3.服务器端口号${pageContext.request.serverPort}<br> 4.获取工程相对路径${pageContext.request.servletPath原创 2020-12-18 15:16:05 · 76 阅读 · 0 评论 -
回归JavaWeb(Day01)之js时按钮生效一次和无数次
按钮的操作 点击按钮一次后,再次点击则无法生效。只需将通过按钮id获取到的对象的点击事件置为null,即: <script> window.onload = function(){ let btn_one = document.getElementById("btn-one"); btn_one.onclick = function () { alert("只触发一次")原创 2020-12-18 11:52:53 · 150 阅读 · 0 评论 -
JavaWeb商城项目(Day02)xml解析技术
xml解析 dom4j解析技术 步骤: 读取books.xml对象 通过dom对象获取根元素 通过根元素获取标签对象 element() elements() 通过标签名查找子元素 遍历 调用asXML()方法将标签对象转化为字符串 SAXReader saxReader = new SAXReader(); Document document = saxReader.read("src/clothes"); System.out.println("document对象是:"+document); E原创 2020-11-09 10:09:51 · 111 阅读 · 0 评论 -
JavaWeb之JQuery(Day04)JQuery的css操作、动画、事件
JQuery的css样式操作 addClass() 添加样式 removeClass() 删除样式 toggleClass() 有就删除,没有就添加样式 offset() 获取和设置元素的坐标 $("#big").offset({ left:event.pageX +10; top:event.pageY +10; }); Jquery的动画操作 通过jquery对象调用($核心函数("# . 标签名")创建对象) 回调函数:动画挖完成后自动调用的函数 show(可加ms,可加动画回调函数function原创 2020-11-03 15:19:00 · 129 阅读 · 0 评论 -
JavaWeb之JQuery(Day03)DOM增删改及应用
dom增删改 <script type="text/javascript" src="script/jquery-1.7.2.js"></script> <script> $(function () { $("<h1>appendTo插到最后面<h1>").appendTo("form"); $("<h1>prepend插到最前面<h1>").pre原创 2020-11-02 15:16:44 · 146 阅读 · 0 评论 -
JavaWeb之JQuery(Day02)基本、层级、过滤选择器
JQuery选择器 基本选择器 $(function () { //1.选择 id 为 one 的元素 "background-color","#bbffaa" $("#btn1").click(function () { $("#one").css("background-color","#bbffaa") }); //2.选择 class 为 mini 的所有元素 $("#btn2").click(function () { $(原创 2020-11-01 11:43:10 · 112 阅读 · 0 评论 -
JavaWeb之JQuery脑图(Day01)核心函数和Jquery对象与Dom对象区别
JQuery JQuery(JavaScript Query)是JavaScript库,对比js代码,JQuery代码更简洁。 JavaScript绑定点击事件 window.onload = function () { var bt1Obj = document.getElementById("bt1"); bt1Obj.onclick = function () { alert("Js原生按钮点击事件");原创 2020-10-31 22:51:04 · 129 阅读 · 0 评论 -
JavaWeb之JavaScript(Day04)DOM查询
DOM查询 节点 标签、注释、多个空格在html中视为一个空格字符,也是一个节点 属性 childNodes:获取当前节点的所有子节点 firstChild:获取当前节点的第一个子节点 lastChild:获取当前节点的最后一个子节点 parentNode:获取当前节点的父节点 nextSibling:获取当前节点的下一个节点 previousSibling:获取当前节点的上一个节点 className:获取 或 设置 标签的class属性值 innerHTML:所有内容 innerText:文本信息 方法原创 2020-10-30 13:16:06 · 132 阅读 · 0 评论 -
JavaWeb之JavaScript(Day03)DOM模型
DOM模型 验证用户名是否合法 // 当用户点击校验按钮(或绑定失去焦点事件),获取输入框的内容,验证是否合法 // 验证的规则:必须由字母数字下划线组成,并且长度5-12位 /* 步骤 1.动态绑定点击onclick事件(前提动态绑定onload事件) 2.获取要操作的标签对象,通过getElementById(“标签名的id”) 3.通过对象名.属性的方式获取相应的文本值 4.验证文本值,使用正则表达式技术 字符串.test() */ // 动态绑定按钮点击事件 点击校验 window.原创 2020-10-29 17:01:11 · 121 阅读 · 0 评论 -
正则表达式RegExp语法大全
方括号 [abc] 查找方括号之间的任何字符。 [^abc] 查找任何不在方括号之间的字符。 [0-9] 查找任何从 0 至 9 的数字。 [a-z] 查找任何从小写 a 到小写 z 的字符。 [A-Z] 查找任何从大写 A 到大写 Z 的字符。 [A-z] 查找任何从大写 A 到小写 z 的字符。 [adgk] 查找给定集合内的任何字符。 [^adgk] 查找给定集合外的任何字符。 (red|blue|green) 查找任何指定的选项。 元字符 . 查找单个字符,除了换行和行结束符。 \w 查找单词字符。原创 2020-10-29 16:13:07 · 598 阅读 · 0 评论 -
JavaWeb之JavaScript(Day02)
对象 用var 变量名来定义 Object自定义对象 var obj = new Object(); obj.name = “…”; // 调用属性 对象.属性名 obj.f1 = function(){…}; obj.f1(); // 调用方法 对象.方法名() <script type="text/javascript"> let obj = new Object(); obj.name = "lwt"; obj.f1 = function (原创 2020-10-28 18:12:27 · 131 阅读 · 0 评论 -
JavaWeb之JavaScript全脑图(Day01)
JavaScript 介绍 主要完成页面的数据验证。 运行在客户端,需要运行浏览器来解析执行JavaScript代码 JS 弱类型 java 强类型 特点 1.交互性(信息的动态交互) 2.安全性(不允许直接访问本地磁盘) 3.跨平台性(大多浏览器都有js解释器) JavaScript和html结合方式 在head中声明script 在head中使用script引入js文件 变量 变量类型 数值类型 number 字符串类型 string 对象类型 object 布尔类型 boolean 函数类型 fun原创 2020-10-27 16:44:45 · 158 阅读 · 0 评论 -
JavaWeb之CSS(脑图+详解)day02
CSS 定义 层叠样式表单。用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 css与html结合的三种方式 body中的div块内写明样式 head中的style中写明样式 head中通过link标签引入.css文件 <head> <meta charset="UTF-8"> <title>css</title> <!--link标签引用css样式代码--> <link rel="styleshe原创 2020-10-27 15:42:59 · 122 阅读 · 0 评论 -
JavaWeb之HTML(全脑图+全详解)day01
HTML标签 font标签 <font color="#ffc0cb" face="宋体" size="4">这是一个font标签</font> br标签 换行 这是一个字符实体<br> h1~h6标题标签 align 对齐属性 <h1 align="left">最大lwt1</h1> <h3 align="right">lwt2</h3> <h6 align="center">最小lwt3<原创 2020-10-26 22:05:35 · 150 阅读 · 0 评论