前端Web
文章平均质量分 78
web
月下赶路人
努力学习,认真工作,积极生活。
展开
-
HTML知识框架
原创 2020-10-05 15:05:23 · 211 阅读 · 0 评论 -
为什么点击子标签会触发父级标签?用处是什么?---事件冒泡和事件委托(〃‘▽‘〃)
文章目录事件冒泡阻止事件冒泡事件委托我们为什么需要事件委托事件委托原理事件冒泡DOM模型是一个树形结构,在DOM模型中,HTML元素是有层次的。当一个HTML元素上产生一个事件时,该事件会在DOM树中元素节点与根节点之间按特定的顺序传播,路径所经过的节点都会收到该事件,这个传播过程就是DOM事件流。我们再来看一看事件冒泡的传递方向总而言之,就是从下到上的传递.阻止事件冒泡event.stopPropagation()方法这是阻止事件的冒泡方法,不让事件向上蔓延,但是默认事件任然会执行,只原创 2021-01-29 18:42:23 · 722 阅读 · 0 评论 -
JavaScript之浏览器对象(window+location+history+计时)欢迎品鉴o(´^`)o
文章目录浏览器对象window对象window对象常用的属性window对象常用方法Location对象属性方法history对象属性方法计时浏览器对象window对象1.window对象表示浏览器窗口.2.所有javaScript的全局对象、函数以及变量均会自动成为window对象的成员.(1)全局变量就是window对象的属性.(2)全局函数就是window对象的方法.window对象常用的属性window.innerHeight:浏览器窗口的内部高度;window.innerWidt原创 2021-01-26 22:13:16 · 197 阅读 · 0 评论 -
JavaScript中的DOM对象和表单验证(详解+全代码示例!)
文章目录HTML DOMHTML DOM概述HTML DOM的使用HTML DOM查找元素HTML DOM改变HTMLHTML DOM改变CSSHTML DOM对事件的操作表单验证为什么要进行表单验证?表单验证的示例正则表达式概述正则表达式符号HTML DOMHTML DOM概述DOM是Document Object Model 文档对象(网页中的标签)模型的缩写, DOM对象指的是一类对象的总称, 通过Html DOM, 可用JavaScript操作html文档的所有标签; 熟悉软件开发的人员可以将原创 2021-01-25 22:03:21 · 1143 阅读 · 0 评论 -
JavaScript的函数,事件(常用事件,事件对象),内置对象(字符串,数组,Date,Nath)超超超级详解!!!
文章目录函数函数的概念定义函数函数调用变量的作用域全局函数事件常用事件Event对象(事件对象)内置对象String字符串Array数组创建使用Date获取日期设置日期Math函数函数的概念1.函数是定义一次但却可以调用任意多次的一段完成某种特定功能的JS代码;2.函数的语句是一个独立的部分,它不会在外部脚本执行时被执行,而只是作为函数的定义而存在,只有调用它时才执行;3.函数调用指通过函数名来使用这段代码;4.函数在定义以后可以被重复调用,以此通常将常用的功能写成一个函数.定义函数函数定义原创 2021-01-25 02:38:12 · 302 阅读 · 5 评论 -
JavaScript概述和基本语法(超详解!!!)
文章目录JavaScript概述与基本语法JavaScript概述JavaScript的历史JavaScript的作用JavaScript,HTML,CSS三者之间的关系基本语法三种对话框变量数据类型算数运算符赋值运算符比较运算符逻辑运算符条件运算符控制语句判断语句if/else判断语句if/else if/else判断语句switch循环语句for循环语句while循环语句do/whileJavaScript概述与基本语法JavaScript概述首先我们理解字面上的JavaScript,即Java和原创 2021-01-24 22:56:02 · 434 阅读 · 0 评论 -
CSS的浮动和定位
文章目录文档流浮动语法标签浮动浮动带来的问题问题解决方案CSS定位(position)相对定位(relative)绝对定位(absolute)固定定位(fixed)标签堆叠顺序(Z-index)结束语文档流定义:文档中的标签在网页中默认的排放顺序。排放顺序:文档流中的标签会默认今天在上一个标签的右边,如果右边不足以放下标签,标签就会另起一行。浮动定义:脱离原本的文档流,使其在父标签浮动起来。语法浮动使用float属性,float:none:不浮动。left:向左浮动。right:向右浮动原创 2020-10-06 19:53:28 · 142 阅读 · 0 评论 -
CSS的基本属性,行级、块级、行级块标签,盒子模型
文章目录CSS基本属性文本属性背景属性CSS列表CSS伪类行级、块级、行级块标签行级标签块级标签行级块标签两个纯净的标签div标签span标签Display盒子模型内容区-content内边距-padding边框-border外边距-margin清除浏览器默认样式CSS基本属性文本属性color:字体颜色。font-size:字体大小。font-family:字体大小。 text-align:文本水平对齐方式。取值:left center righttext-decoration:定义穿过文本原创 2020-10-06 19:10:52 · 855 阅读 · 0 评论 -
CSS知识框架图
原创 2020-10-05 17:35:34 · 317 阅读 · 0 评论 -
CSS的概述和基本语法
文章目录CSS概述CSS是什么?CSS基本语法三种样式表选择器样式的继承CSS概述首先我们理清网页的前端是由什么构成:HTML:超文本标注语言,主要用来控制内容的结构的。CSS:级联样式表,主要用来控制HTML标签的格式的。JavaScript:客户端的脚本程序,主要用来控制HTML标签的行为的。CSS是什么?1.CSS(Cascading Style Sheets)叫做级联样式表。具体含义分析:级联:即关联,关联网页内容和语法。样式表:修饰网页内容样式的语法集合。作用:修饰网页原创 2020-10-05 17:30:29 · 335 阅读 · 1 评论 -
HTML的表和内联框架
文章目录表表格-table表格的基本标签表格的基本属性table属性tr属性th/td属性表单-form表单组件表单属性内联框架基本语法内联框架配合超链接traget结束-持续更新,敬请期待!!!!!表表格-table表格的基本标签1.表格的列标签:tr标签;2.行标签;uan(1)标题标签:th标签 ,内容加粗居中。(2)单元格标签:td标签。3.表格主题标签:caption标签下面是一个两行三列的表格:<!-- 表格 --> <table> <原创 2020-10-05 13:39:29 · 522 阅读 · 1 评论 -
HTML的概述和基本语法
文章目录HTML概述明确什么是HTML?HTML可以做什么?HTML的基本语法HTML的基本框架标签分类标签属性基本常用标签HTML概述明确什么是HTML? html即是一种超文本标记语言(Hyper Text Makeup Language),是一种标识性语言。 html主要是包含一系列的标签,通过标签将网络上的文档格式统一,将分散的internet资源连接成一个逻辑整体。所谓超文本就是一种信息的组织方式,就是通过超链接将文本的中的文字、图表与其他信息媒体相关联。这种组织信息的方式就是将分原创 2020-10-02 23:44:36 · 1321 阅读 · 2 评论