HTML+CSS+JSP
文章平均质量分 57
Acndy233
努力向Java全栈努力
展开
-
jQuery简介
JavaScript-jQuery1、jQuery1.1 jQuery下载和引入jQuery里面存在着大量的JavaScript函数下载jQuery https://jquery.com/ 下载完引入我们的项目<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <scr原创 2021-08-23 17:41:07 · 65 阅读 · 0 评论 -
JavaScript-DOM操作
JavaScript–DOM 增删改查浏览器网页就是一个DOM树形结构!更新:更新DOM节点遍历DOM节点:得到DOM节点删除:删除一个DOM节点添加:添加一个DOM节点1 更新将id为pp的标签内容更改为456<p id="pp">c</p><div id="div1"> <p id="p1">java</p> <p id="p2">python</p> <p id="p原创 2021-08-20 10:45:27 · 77 阅读 · 0 评论 -
javascript方法
JavaScript-方法定义方法方法就是把函数放在对象里面对象只有两种东西:1、 属性2、 方法var student = { //属性 name : "xiaoming", birth : 1997, //方法 age : function (){ let now = new Date().getFullYear(); return now - this.birth; }}//调用属性student.na原创 2021-08-18 10:14:32 · 68 阅读 · 0 评论 -
JavaScript--对象、条件判断、循环
JavaScript-基础Ⅲ1、对象1.1 对象的介绍JavaScript的对象是一种无序的集合数据类型,它由若干键值对组成。var person = { //创建一个person对象 name: 'Mike', age: 24, sex: '男', id:123456};用{ }将对象的属性括起来,并且每个属性后面用 ,隔开,最后一个属性不加,如果访问属性则需要调用.操作符完成person.name; //调用name属性原创 2021-08-17 15:02:00 · 252 阅读 · 0 评论 -
JavaScript字符串和数组常用操作方法
JavaScript-基础Ⅱ1、字符串1.1 单行字符串JavaScript的字符串就是用''或""括起来的字符表示"abc" // 双引号'abc' // 单引号如果本身想输出 ‘’ 或者 ‘ 则需要加转义字符转义字符\可以转义很多字符\n //表示换行\t //表示制表符\ //本身也要转义\\ //表示的字符 \1.2 多行字符串ES6标准新增了一种多行字符串的表示方法,用反引号原创 2021-08-17 12:43:30 · 406 阅读 · 0 评论 -
JavaScript数据类型、数组、变量
JavaScript-基础Ⅰ1、数据类型的介绍1.1 Number整形、浮点型、科学计数法、NaN、Infinity都是Number类型123; // 整数1230.123; // 浮点数0.1231.234e2; // 科学计数法表示1.234x100,等同于123.4NaN; // NaN表示Not a Number,当无法计算结果时用NaN表示Infinity; // Infinity表示无限大,当数原创 2021-08-16 17:50:51 · 214 阅读 · 0 评论 -
CSS浮动及解决父级边框塌陷
CSS浮动CSS (Cascading Style Sheet )1、浮动的介绍1.1 块元素h1-h6p、div、列表... ...1.2 行元素span、a、img、strong... ...行元素可以包含在块元素中,反之则不行。1.3 块元素和行元素互相转换 div{ width: 100px; height: 100px; border: 1px solid red; display: inline; } spa原创 2021-08-12 20:01:55 · 129 阅读 · 0 评论 -
CSS-盒子模型
CSS盒子模型CSS (Cascading Style Sheet )1、什么是盒子1.1 盒子的三个骨架margin:外边距border:边框padding:内边距2、边框2.1、边框的粗细边框border:粗细 边框 颜色;外边框margin:上下 左右margin:上 右 下 左;内边框:padding:2.2、边框的计算方式margin+border+padding+内容宽度3、圆角边框border-radius:四个角border-radius:左上原创 2021-08-12 17:59:32 · 76 阅读 · 0 评论 -
CSS选择器-Ⅱ(层次、伪类、属性选择器)
CSS选择器-Ⅱ(层次、伪类、属性选择器)CSS (Cascading Style Sheet )1、css层次选择器1.1 后代选择器在某个元素的后面, 祖爷爷 爷爷 爸爸 你/*后代选择*/ body p{ background: red; }1.2 子选择器一代,儿子/*子选择器*/ body>p{ background: #fa760f; }1.3 相邻兄弟选择器同辈,向下取第一个/*相邻兄弟选择器*/原创 2021-08-11 18:34:30 · 135 阅读 · 0 评论