前端
文章平均质量分 86
海绵hong
懒散是常态,fw是本质
展开
-
HTML--BOM window对象(实例:放大镜)
目录简介:1、BOM结构2、window对象3、location对象4、history对象5、navigator对象6、screen对象BOM 定时器1、定时器方法放大镜简介:BOM即浏览器对象模型(Browser Object Model),它提供了页面与浏览器窗口进行交互的对象接口。BOM由一系列的相关对象组成,window作为BOM的顶层对象,所有其他全局对象都是window的子对象,甚至DOM也是其子对象之一。学会了window对象及其子对象的常用原创 2022-05-06 17:58:00 · 3962 阅读 · 0 评论 -
HTML--事务(加实例:三级标题)
目录基础2、事件绑定鼠标事件和键盘事件1、常用鼠标事件2、常用键盘事件3、常用键盘事件属性窗口事件1、常用鼠标事件表单事件阻止冒泡:阻止默认事件捕获dom0&dom2冒泡和捕获事件委托三级标题基础1.1 事件定义用户与浏览器交互的方法,规定了浏览器在什么时刻执行什么事情事件举例:鼠标单击,双击,键盘输入,页面或图像载入1.2 事件三要素(事件源,事件,事件处理程序) 事件源:谁触发的,一般指某个元素原创 2022-05-06 17:49:33 · 681 阅读 · 0 评论 -
对于DOM操作你了解多少(手风琴+选字游戏)
目录DOM简介:DOM结构增:练习:删练习:改练习:查常用的节点属性获取方式DOM控制CSS样式1.通过style属性控制样式2、通过classList控制样式DOM简介:DOM(Document Object Model——文档对象模型)是用来处理HTML和XML的跨平台API。它允许运行在浏览器中的代码访问文档节点并与之交互,了解并掌握DOM操作是Web开发中的必经之路。整个HTML的结构都可以由类似上图的树结构表示,原创 2022-05-02 16:55:08 · 894 阅读 · 2 评论 -
万字JavaScript基础(引入方式+隐式类型转换+Math内置对象+对象属性+函数定义与调用+常见内置函数+数组)
目录弹窗:alertjs的引入方式隐式类型转换1、字符串和数字的运算1.1 字符串和数字进行加运算时,会将数字转换成字符串,然后和另一个字符串进行拼接1.2 字符串和数字进行减、乘、除运算,以及大小比较时,会将字符串转换成数字,再和另一个数字进行运算或比较2、各种值转换成布尔值2.1 数字0,空字符串"",null,undefined 转成布尔值的时候都是false2.2 非0数字,非空字符串转成布尔值的时候都是true2.3 任何数组(即使是空数组),任何对象(原创 2022-04-19 20:05:43 · 1117 阅读 · 5 评论 -
html中浮动和定位(练习+知识点)
目录定位1、什么是脱离文档流2、position定位2.1 static定位2.2 relative定位2.3 absolute定位2.4 fixed定位2.5 sticky定位(存在兼容性问题)层级属性z-index浮动定义:取值:作用:特性:浮动练习定位1、什么是脱离文档流文档流指的是在元素排版过程中,元素会自动从上至下,从左往右流式排列,称为文档流元素脱离文档流后,将不在文档流中占据空间,元素浮于文档流...原创 2022-04-14 10:52:38 · 2378 阅读 · 0 评论 -
盒子模型(详)
定义: 每一个标签都是一个矩形,像一个盒子,所以HTML页面的布局可以理解为多个盒子组合嵌套排列而成 盒模型由里到外包括四个部分:内容部分,padding(内边距),border(边框),margin(外边距)内容部分一般用来显示图像或文字,在标准盒模型中(默认),内容部分的宽高可以通过width、height属性设置 padding(内边距) 是包围在内容区域外的空白区域,代表的是盒子边框与实际内容之间的距离,通过【padding】相...原创 2022-04-13 10:55:08 · 829 阅读 · 0 评论 -
html转义字符和选择器(详)
目录转义字符:伪类选择器代码解析伪元素选择器转义字符:转义字符:某些字符具有特殊意义,无法直接显示,需要转义  ; 不断行的空格 &ensp; 半方大的空格 &emsp; 全方大的空格 <; 小于 < >; 大于 ...原创 2022-04-02 04:45:00 · 810 阅读 · 3 评论 -
使用html表单制作简单网页(加表单详细知识点)
表单也是html非常重要的一块,常用于输入信息,进行信息的收集和提交属性:action:信息提交地址method:提交方式 get 信息拼接在地址中,不安全 post 信息打包发送,安全 select:下拉菜单option:下拉菜单中的选项textarea:多行文本域 可以加样式resize:none取消调整大小input:标签<input type=" " name=" ...原创 2022-04-01 10:41:08 · 4280 阅读 · 0 评论 -
前端基础入门(html+css+详)
<!DOCTYPE html><!--使用HTML5的标准进行文档解析 --><html lang="en"><!--跟标签,平时不做修改--><head><!--引入与网页相关的描述及配置信息--> <meta charset="UTF-8"> <title>Title</title> <style> div{ wi.原创 2022-03-31 20:32:53 · 1555 阅读 · 4 评论