- 博客(17)
- 收藏
- 关注
原创 JavaScript的对象事件处理程序
一、对象的事件一、对象的事件对象的事件是指在一个对象上发生的特定动作或状态改变。对象可以是现实世界中的物体、概念、数据结构等。根据对象的类型和功能,可能会有不同类型的事件。对象的事件一般由对象的方法或属性来处理和触发。通过定义对象的方法和属性,可以在对象上触发相应的事件,并通过事件处理器来处理这些事件。对象的事件可以用来实现对象之间的交互和协作,以及对对象的操作和状态的控制。对象的事件通常由或来监听和处理。事件监听器是一个特定的方法或函数,用于接收并处理特定的事件。
2024-11-12 23:17:07
1874
原创 JavaScript语法基础(变量,数据类型,运算符,程序控制语句)
一、JavaScript概述JavaScript是一种高级编程语言,常用于网页开发和服务器端应用程序。它是一种动态类型语言,可以在浏览器中直接解释执行,而不需要编译。脚本(Script)是一种与计算机程序相关的指令集或代码块,用于执行特定的任务或操作。脚本通常用于自动化重复性的任务或进行特定功能的扩展。脚本语言是一种专门用于编写脚本的编程语言,与传统的编译型语言不同,脚本语言通常不需要编译,可以直接解释执行。脚本语言具有易学易用、灵活、动态和交互式等特点。1、输出方式。
2024-11-05 23:33:21
1016
原创 JavaScrip——DOM操作
五、CSS样式的修改DOM操作(Document Object Model 文档对象模型)指的是通过JavaScript来操作网页的结构和内容。
2024-11-04 23:04:55
2221
原创 CSS的两列布局、三列布局和多行多列布局
经典三列布局是指一种页面布局方式,其中包含三列,左右两列宽度固定,中间一列宽度自适应。 这种布局方式在许多网站的首页中广泛应用。利用我们之前学习的CSS盒子模型的浮动属性(float) ,将元素向左或向右浮动,另一个元素则自动环绕在其周围,从而实现两列布局。实现方法,利用我们之前学习的CSS盒子模型的浮动属性(float) ,将元素向左或向右浮动,另一个元素则在中间,从而实现三列布局。实现方法,利用我们之前学习的CSS盒子模型的浮动属性(float) ,将多元素向左或向右浮动,从而实现多行多列布局。
2024-10-31 23:12:59
510
原创 盒子浮动的高度塌陷问题及解决方案
当父元素未设置高度时,所有子元素浮动后,造成子元素脱离文档流进而无法把父元素撑开,父元素高度为0产生高度塌陷,称为高度塌陷问题。父元素高度塌陷后,父元素以下的元素都会向上移动,导致布局混乱,所以我们要解决高度塌陷的问题。
2024-10-31 22:24:20
660
原创 盒子的固定定位
将盒子固定在浏览器窗口的指定位置。让用户不管怎样滚动页面,盒子都会保持在原来的位置不变。将盒子以行内块级元素的形式展示,盒子不会独自占据一行,但可以设置宽度、高度和边距等属性。不管怎么往下滑动,盒子3和盒子5都固定在同一个位置,盒子4补了盒子3的原位置,其他没有固定的盒子以此类推替补上去。将盒子以块级元素的形式展示,盒子会独自占据一行,并且默认宽度为100%。将盒子以行内元素的形式展示,盒子不会独自占据一行,而是根据内容进行排列。将盒子隐藏,不会在页面上显示,也不会占据任何空间。正常的盒子都是独占一行的。
2024-10-29 22:30:14
700
原创 盒子的绝对定位
在上面代码中,由于红色div元素被绝对定位了,下面两个div元素直接上浮,取代其位置,绿色div取代红色div原本位置,蓝色div取代绿色div原本位置。由上可以看见,Div元素移动之后,它原来的位置不会保留着,其他Div元素会占据它的位置。若上层元素没有定位,则向更上层寻找已定位元素,直至根元素。设置了绝对定位的盒子,都会有专属的浮层,有几个绝对定位的盒子,就有几个浮层。盒子的定位是使用 position 属性来实现不同的定位方式其中。相对于已经定位的上层元素 (即用了。定位的数值可以为负数;
2024-10-15 23:22:49
283
原创 盒子的相对定位
由上可以看见,即使绿色Div元素移动之后,它原来的位置始终保留着,蓝色Div元素并没有占据它的位置。相对盒子原本位置定位;盒子本体仍处于文档流中,占据原本位置。属性来实现不同的定位方式其中。所以我们要在CSS代码添加。两个方向各选一个参数即可定位。定位的数值可以为负数。
2024-10-14 22:22:30
323
原创 网页文档流与其缺陷
是指网页中元素(如文本、图片、链接等)按照特定的顺序在浏览器中显示的过程。文档流的概念是为了保证网页的结构和布局能够正确地呈现给用户。在文档流中,元素依据HTML代码的书写顺序进行布局——自上而下依次排列,每一行只容纳一个块级元素;则在同一行中从左到右排列,直至该行填满再换行。
2024-10-13 23:37:36
282
原创 HTMl基本骨架标签,段落换行水平线标签,文本标签
HTML的基本骨架 网页标题 网页主体html:整个网页head:网页头部,存放给浏览器看的代码body:网页主体,存放给用户看的代码,例如图片、文字title:网页标题,让用户明了查找的主题段落标签 特点:独占一行 这是第一段:123这是第二段:457这是第三段:789运行结果换行标签 特点:单个标签、
2024-09-08 22:30:22
494
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人