![](https://img-blog.csdnimg.cn/20210612220828816.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端
文章平均质量分 61
.HTML、CSS、JavaScript、jQuery、BootsStrap
Alkaid:
这个作者很懒,什么都没留下…
展开
-
【vue】@、@/、../和./的区别
源自https://www.cnblogs.com/cyfeng/p/11928255.html。:在build文件夹下webpack.base.conf.js找到@,便能知道@代表什么了;:表示vue语法中v-on的简写;绑定事件的专用格式。当事件触发的时候,函数才会来调用;这里指向src文件夹。: 表示父级目录。原创 2024-05-30 10:30:00 · 433 阅读 · 0 评论 -
【JavaScript】href=“javascript:void(0)“是什么意思
void 是 JavaScript 中非常重要的关键字,该操作符指定要计算一个表达式但是不返回值。当用户链接时,void(0) 计算为 0,但 Javascript 上没有任何效果。 <a href="javascript:void(0)">单击此处什么也不会发生</a>在用户点击链接后显示警告信息<a href="javascript:void(alert('Warning!!!'))">点我!</a>javascript:void(0), 仅原创 2021-09-19 22:04:54 · 873 阅读 · 0 评论 -
【JavaScript】var&let&const
ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。let 声明的变量只在 let 命令所在的代码块内有效。const 声明一个只读的常量,一旦声明,常量的值就不能改变。使用 var 关键字重新声明变量可能会带来问题,在块中重新声明变量也会重新声明块外的变量var&let&const...原创 2021-09-16 22:31:03 · 75 阅读 · 0 评论 -
【JSP】<c:set>和<c:out> 标签
<c:set><c:set>标签用于设置变量值和对象属性。它会计算表达式的值,然后使用计算结果来设置 JavaBean 对象或 java.util.Map 对象的值。属性value:要存储的值var:存储信息的变量target:要修改的属性所属的对象property:要修改的属性scope:var属性的作用域如果指定了target属性,那么property属性也需要被指定。<c:out><c:out>标签用来显示一个表达式的结果,与&l原创 2021-06-29 16:54:26 · 3230 阅读 · 0 评论 -
request.getParameter();的作用
它是一种取参数的方法。把jsp文件中的数据读取到出来,然后就可以封装利用起来。在jsp文件中<c:set var="ctx" value="${pageContext.request.contextPath}"></c:set><%--其余部分在此省略--%><form action="${ctx}/userServlet"> 用户名:<input name="username" value="略略略"></form&g原创 2021-06-29 16:36:34 · 1488 阅读 · 0 评论 -
【Bootstrap】布局容器和栅格系统
布局容器Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器。我们提供了两个作此用处的类。<div class="container" style="background: palegoldenrod"> 今天星期五</div><div class="container-fluid" style="background: yellowgreen"> 今天星期五</div>注意,由于 padding 等原创 2021-06-14 22:43:17 · 421 阅读 · 0 评论 -
【jQuery】遍历
<!DOCTYPE html><html> <head> <style> .ancestors * { display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; .转载 2021-06-13 15:08:12 · 68 阅读 · 0 评论 -
【jQuery】练习--选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.12.4.js"></script></head><body><p id="p1">端午节</p><p>国原创 2021-06-13 15:06:38 · 232 阅读 · 0 评论 -
【jQuery】练习--全选表格和计算器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><h1>全选表格</h1><table border="1" cellspacing="0" style="height: 100px;width: 300px">.原创 2021-06-13 15:04:02 · 95 阅读 · 0 评论 -
【jQuery】DOM操作
操作内容text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值案例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>DOM操作-内容</title></head><body><p id原创 2021-06-13 11:31:30 · 52 阅读 · 0 评论 -
【jQuery】事件
常用Event 函数绑定函数至$(document).ready(function)将函数绑定到文档的就绪事件(当文档完成加载时)$(selector).click(function)触发或将函数绑定到被选元素的点击事件$(selector).dblclick(function)触发或将函数绑定到被选元素的双击事件$(selector).focus(function)触发或将函数绑定到被选元素的获得焦点事件$(selector).mouseover(f原创 2021-06-13 11:05:07 · 55 阅读 · 0 评论 -
【jQuery】属性选择器&表单选择器
属性选择器示例说明[attribute]$("[href]")所有带有 href 属性的元素[attribute=value]$("[href=’#’]")所有 href 属性的值等于 “#” 的元素[attribute!=value]$("[href!=’#’]")所有 href 属性的值不等于 “#” 的元素[attribute$=value]$("[href$=’.jpg’]")所有 href 属性的值包含以 “.jpg” 结尾的元素原创 2021-06-13 10:55:49 · 108 阅读 · 0 评论 -
【JavaScript】练习--打印乘法表和三角形
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> console.log("---------打印九九乘法表---------"); var str1 = ""; for (let i = 1; .原创 2021-06-12 22:11:44 · 81 阅读 · 2 评论 -
【HTML】表单
知识点formform标签代表一个表单,表单用于向服务器传输数据。form标签能够包含,可以是文本字段,复选框,单选框或提交按钮等。name:用于定义表单的名称action:用于规定提交表单时向何处发送表单数据。method:用于规定提交的方式。一般取值POST 或GET。POST与GET方式区别:GET方式只能传输少量数据,而POST可以携带大数据。GET方式提交时,数据会在地址栏上显示,安全性差。POST方式提交不会在地址栏上显示数据,更加安全。input标签用于搜集用原创 2021-06-12 16:26:42 · 74 阅读 · 0 评论 -
【HTML】表格
<table>定义表格<table> </table>常用属性:align:用于设定表格的对齐方式。bgcolor:用于设定表格的背景颜色。border:用于设定表格边框的宽度width:用于规定表格的宽度。<tr>定义表格的行<table> <tr></tr></table><tr>标签用于定义表格的行,包含—个或多个th或td元素。常用属性:align:用于设定原创 2021-06-12 16:07:08 · 559 阅读 · 0 评论 -
【HTML】常用标签和符号及案例
<html>网页的根标签一个页面中有且只有一个根标签网页中的所有内容都需要写在html标签的内部<head>头部(不可见)网页的头部该标签中的内容不会在网页中直接显示该标签用于帮助浏览器解析页面子标签<title>用来设置网页的标题默认会在浏览器的标题栏中显示搜索引擎检索网页时,会主要检索title中的内容,它会影响到页面在搜索引擎中的排名<meta>用来设置网页的元数据,比如网页使用的字符集<meta char原创 2021-06-12 15:30:49 · 276 阅读 · 0 评论 -
【CSS】选择器
基本选择器介绍通用选择器可以同时选中页面中的所有元素。语法:*{} * { font-size: 18pt; font-family: 微软雅黑; }元素选择器根据标签名,选中页面中的指定元素。语法:标签名{} span { color: lightsalmon; }ID选择器根据元素的id属性值选中一个唯一的元素语法: #id { } #div1 {原创 2021-06-12 17:02:59 · 64 阅读 · 0 评论 -
【CSS】样式表
内联样式可以直接将样式写到标签内部的style属性中。这种方式编写简单,定位准确。但是由于直接将CSS代码写到了HTML标签的内部,导致结构与表现耦合,同时导致样式不能够复用,所以这种方式不推荐使用。<p style="color: red;font-size: 30px"></p>内部样式表可以直接将样式写到<style>标签中。这样使CSS独立于HTML代码,而且可以同时为多个元素设置样式,这是使用的比较多的一种方式。缺点:样式只能在一个页面中使用原创 2021-06-12 16:35:03 · 61 阅读 · 0 评论 -
【JavaScript】基础语法
基础语法变量数据类型typeof运算符算术运算符比较运算符逻辑运算符和三元运算符数据类型转换转换为字符串类型转换为数值流程控制语句分支结构循环结构数组对象String对象日期对象自定义对象变量var定义的变量,没有块的概念,可以跨块访问,不能跨函数访问let定义的变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问const用来定义常量,使用时必须初始化(即必须赋值),只能在块作用域里访问,而且不能修改;同一个变量只能使用—种方式声明 <!DOCTYPE html><原创 2021-06-12 22:01:10 · 1104 阅读 · 14 评论 -
【JavaScript】基础
window.alert()window是JavaScript内置对象,表示的是浏览器;alert()是该对象的一个函数,作用是浏览器弹框提示。<!DOCTYPE html><html> <body> <h1>我的第一个页面</h1> <p>我的第一个段落。</p> <script> window.alert("Hello Ja原创 2021-06-12 21:11:06 · 64 阅读 · 1 评论 -
【jQuery】基本选择器&过滤选择器&可见选择器
基本选择器选择器允许您对HTML元素组或单个元素进行操作示例说明*$("*")所有元素#id$("#lastname")id=“lastname” 的元素.class$(".intro")所有 class=“intro” 的元素element$(“p”)所有 <p> 元素案例<!DOCTYPE html><html lang="en"><head> <meta charset原创 2021-06-10 22:19:31 · 67 阅读 · 0 评论 -
【jQuery】介绍及文档准备就绪函数
jQuery介绍jQuery 是一个 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。文档准备就绪函数这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。如果在文档没有完全加载之前就运行函数,操作可能失败。用$代替jQuery// 写法一$(document).ready(function () { });// 写法二$().ready(function){ }// 写法三 $(function){原创 2021-06-10 21:33:26 · 352 阅读 · 0 评论