自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 day15事件对象

每一个事件都有事件对象 这个对象中用来记录和该事件有关的一些信息==注意==:在事件处理函数中才可以使用事件对象如何获取事件对象标准浏览器和IE浏览器 window.event老版本火狐浏览器 在事件处理函数中的第一个参数作为事件对象事件对象兼容标签.事件类型 = function(eve){ var ev = window.event || eve }

2022-09-12 16:34:01 91 1

原创 day14 BOM

每一个事件 都会拥有一个对象,这个对象用来纪律该事件的重要信息==注意==:事件对象只能存在于事件处理函数中 超过这个范围就不能使用了。

2022-09-12 16:30:20 95

原创 day13 DOM

BOM 浏览器对象模型 Browser Object Model 主要是针对浏览器进行操作 BOM给我们提供了很多工具方法,可以帮助我们快速操作浏览器window对象是整个BOM中的顶级对象 window对象包括下面的二级对象,其中二级对象中最特殊是document对象,document对象标识html节点 由document对象衍生出整个DOM正在上传…重新上传取消。

2022-09-12 16:29:06 100

原创 day12正则对象和DOM

DOM 文档对象模型(document object model) 主要提供一些api方法来操作html文档。

2022-09-06 19:10:59 58

原创 day11数组对象和正则

冒泡排序冒泡排序思路相邻的两个元素进行比较 如果后面的元素比前面的元素小 就交换位置i++){j++)}{}}}选择排序选择排序思路当前这个元素 和后面所有的元素依次比较 如果后面的值比钱前面的值小 就交换位置i++) {j++) {}sort排序==注意:如果是相同排序 就根据原有数组的结构顺序显示==基础使用// 1.sort() 是数组自带的方法 数组.sort()

2022-09-06 19:10:20 59

原创 day10数组对象

/[1, true, false, '字符串', '你好', null, Array(3), {…//[1, true, false, '空字符串', '快吃饭了', '1', '2', Array(2)]//[1, true, false, '字符串', '你好', null, Array(3), {…var arr1 = new Array(1,true,false,"字符串",undefined,null,[1,2,3],{"age":18});

2022-09-06 19:09:51 49

原创 day09 Date对象和String类型

获取非行间样式和行间样式的函数封装if(window.getComputedStyle){//标准浏览器}else{//IE低版本浏览器}}​求20-100之间的随机整数Math.random() 0-1 包括0不包括1​代码复用结构和功能是一致的时候实现步骤1-把它当成一组去实现 里面的标签必须通过父元素获取2-实现这一组的功能3-将这一组功能的而主要代码放入到一个函数中 把父元素作为参数4-调用调试​点击事件中 有一个定时器。

2022-09-06 19:08:51 60

原创 day08函数封装和Math对象

1.return作用函数的返回值 return 返回值如果是返回多个值 return 【返回值1 返回值2......】 return { 属性名:返回值1,属性名:返回值2}函数中当参数不确定的时候 arguments 集合 arguments[下标] length长度​获取非行间样式标准浏览器 window.getComputedStyle(标签).样式名IE低版本(5-8) 标签.currentStyle.样式名​兼容 判断方法是否存在。

2022-09-06 19:08:20 76

原创 day07定时器和函数封装

定时器的分类延时定时器语法: setTimeout(函数,时间)作用: 延迟一定的时间再去执行函数里面的代码,只会执行一次使用场景 :广告弹窗间歇定时器语法:setInterval(函数,时间)作用:每隔一定的时间就去执行函数中的代码 会执行多次使用场景:轮播图 倒计时 计时器 抽奖==注意:定时器的时间单位是ms 1s = 1000ms==

2022-09-06 19:07:47 77

原创 day06 自定义属性与函数

2.1 定义属性属性的分类固有属性:系统给的 id class title自定义属性:程序员自己定义的 tag index添加自定义属性直接添加标签上(暂时获取不到)//2.自定义属性直接写行间,可以直观看见,暂时无法获取写在行间的自定义属性使用js添加:标签.属性名 = 属性值//3.通过js添加自定义属性,标签上看不见,但是可以直接使用//true2.2.2 自定义属性使用场景多组开关效果(自定义属性)​自定义索引。...

2022-08-30 17:20:30 81

原创 day05循环结构和this和自定义属性

3.4.1什么是属性什么是属性:存在开始标签上 属性名=属性值 例如class="box" id="wrap"固有属性:系统给定的属性 例如 class id style href src自定义属性:程序员自己定义的属性3.4.2设置和获取自定义属性如何设置和获取自定义属性...

2022-08-30 17:20:00 62

原创 day04 流程控制语句

顺序结构(代码依次从上往下执行)选择结构(分支语句) if if-else if-else if-else switch循环结构:for while do-while for-in。

2022-08-30 17:19:29 50

原创 day03 数据类型和流程控制语句

操作标签内容闭合标签标签.innerHTML 标签.innerText标签.innerHTML=值 标签.innerText=值表单标签标签.value标签.value = 值操作标签属性标签.属性名 = 值className 特殊操作标签样式(行间样式)标签.style.样式名 font-size fontSize border-radius borderRadius标签.style.样式名 = 值 设置到行间样式上。...

2022-08-30 17:17:41 51

原创 day02 JS交互

*------------------------------了解-----------------------------*/document.getElementsByClassName("class名")----获取到的是集合 集合名[下标]// 5. 16进制 以0x开头 范围0-9 a-10 b-11 c-12 d-13 e-14 f-15。//string "检测数据"document.getElementsByTagName("标签名")----获取到的也是集合。...

2022-08-30 17:16:51 51

原创 JavaScript介绍/基础交互

HTML--超文本标记语言---结构CSS---层叠样式表-----样式js---js脚本语言---网站交互==基于对象和事件驱动的解释性脚本语言==基于对象:JavaScript 是一种基于对象的语言,这意味着它能运用自己已经创建的对象,因此,许多功能可以来自脚本环境中对象的方法与脚本的相互作用。事件驱动:JavaScript 可以直接对用户或者客户输入做出响应,无须经过 web 服务器,它对用户的响应,以事件驱动的方式进行。解释性解释性:可以直接识别,读一行执行一行。

2022-08-23 17:04:15 154

原创 1、背景属性

backgrond: repeating-radial-gradient(渐变形状/圆心, 颜色1 范围1, 颜色2 范围2, ...);background:repeating-linear-gradient(方向, 颜色1 范围1, 颜色2 范围2,...);background: linear-gradient(方向, 颜色1 范围1, 颜色2 范围2,...);/* 背景被裁剪到边框区域,在内容区、内填充区、边框区域显示,默认值 *//* 背景被裁剪到内填充区域,在内容区、内填充区显示 */...

2022-08-14 16:14:01 43

原创 CSS背景

background-color 属性,设置元素的背景颜色。常用的值color_name 规定颜色值为颜色名称的背景颜色(比如 red)hex_number 规定颜色值为十六进制值的背景颜色(比如 #ff0000)。rgb_number 规定颜色值为 rgb 代码的背景颜色(比如 rgb(255,0,0))。transparent 默认。背景颜色为透明。提示:背景应用于由内容和内边距、边框组成的区域。...

2022-08-14 16:13:36 103

原创 外边距问题及解决方法/overflow详解

溢出显示,默认值 overflow: hidden;溢出显示滚动条,横向和纵向滚动条都显示 overflow: auto;2.如果父元素也有margin-top值,会与子元素的margin-top值合并,取两者较大值;分别给这两个元素套一个父元素,并为父元素设置overflow:'hidden'.现象:元素呈并列关系,在垂直方向相邻的margin外间距相遇,会出现叠加现象;1.元素嵌套关系,子元素的margin-top值会叠加给父元素;/* overflow-x 只包括水平方向。两个值不同,取较大值。...

2022-08-14 16:12:18 470

原创 HTML表单

能够说出表单组成部分掌握HTML常用表单元素掌握HTML常用表单属性表单的作用:用于搜集不同类型的用户输入表单的组成:表单元素(控件)、表单区域生活中的表单:网页中的表单:表单:采集不同类型用户输入的数据,然后发送给服务器,实现用户与服务器之间的数据交互一个完整的表单包含:表单域,表单控件(表单元素),提示信息,共三个部分;语法:<form></form> 作用:定义 HTML 表单域,是一个包含表单元素的区域。实现用户信息的收集和传递。举例说明:比如最为常见的交互操作,

2022-08-09 21:57:25 42

原创 CSS 透明/阴影

掌握透明常用属性了解透明属性的兼容能够实现背景透明内容不透明页面效果。

2022-08-09 21:56:33 1713

原创 定位的基础

元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动:特性特性:1.元素脱离正常文档流,不占位(也脱离文本流,全脱)2.始终相对于浏览器窗口四个角为原点进行固定定位的3.不会随页面的内容滚动而滚动4.能使不能设置宽高的行级元素设置宽高5.提升层级6.如果没有定位偏移属性,对元素本身有影响;应用场景:相对于窗口定位的元素如弹窗、跟随滚动的导航、侧边栏...

2022-08-09 21:55:48 38

原创 HTML5

html经过了第5次重大改版,增加了一些语义化的标签 高版本浏览器支持,ie9以下不支持, html5是向后兼容的,原来html4的 标签仍然可以用。

2022-08-03 20:06:42 39

原创 CSS介绍/音视频标签/字体/文本/选择器

通常称为css样式表、层叠样式表和级联样式表,给页面设置样式。

2022-08-01 17:10:23 770

原创 浏览器及内核/页面的三大组成部分/HTML介绍

HTML是HyperTextMark-upLanguage的首字母简写,意思是超文本标记语言。通过HTML标记(标签)对网页中的文本、图片、多媒体等内容进行描述。“超文本”不仅能承载简单的文字、还能包含超链接、图片、音频、视频等。“标记语言”标记语言是由一套标记标签组成的。...

2022-07-29 14:39:42 375

原创 CSS基础

4.背景图的平铺background-repeatrepeat(平铺)/no-repeat(不平铺)/repeat-x(水平平铺)/repeat-y(垂直平铺)13.文本修饰text-decorationunderline(下划线)/overline(上划线)/line-through(删除线)/none(去掉线)块状元素独占整行,可以设置宽高,div/h1-h6/p/ul/ol/dl/dt/dd/li/table/hr。--被注释内容-->(2)css注释/*被注释内容*/...

2022-07-26 14:39:16 150

原创 H5新标签

header:定义文档的头部,块级元素语法:内容例子:我是文档的头部nav:定义导航栏,块级元素语法:内容例子: aaaa aaaa aaaaarticle:定义文章 ,块级元素语法:内容例子:屠苏,酒名。古代汉族风俗于农历...

2022-07-22 14:37:10 68

原创 CSS属性

1.宽:width:px或者%2.高:height:px或者%3.字体颜色:color:颜色的英文或者颜色值(#000000-#ffffff)4.字体大小:font-size:px,英文,em,rem在页面中字体最小为12pxem:父元素的n倍rem:根元素(html,body)的n倍5.字体加粗:font-weight:bold/bolder/normal/100-900加粗:bold/bolder/600-900取消加粗:normal/100-5006.字体倾斜:font-style:normal/it

2022-07-20 19:15:57 97

原创 CSS基础知识

平不平铺background-repeatno-repeat/repeat-x/repeat-y/repeat。元素选择器、ID选择器、class选择器、通配选择器、群组选择器、子代选择器、后代选择器、伪类选择器。透明度只有背景透明backgroundrgba(0-255,0-255,0-255,0-1)列表样式list-style-type/list-stylenone(去点)字体字体颜色、字体大小、字体加粗、字体倾斜、字体(font-famliy)内部和外部样式后写的优先级高。...

2022-07-18 19:36:06 585

原创 CSS的选择器

基础的选择器分好几种元素选择器:就是html中的标签语法: 元素{属性:属性值;属性:属性值;属性:属性值;.....} class选择器:通过为标签设置单独的class来赋予元素样式效果语法: .class名{属性:属性值;属性:属性值;属性:属性值;...}id选择器:通过为标签设置单独的id来赋予元素样式效果语法: #id名{属性:属性值;属性:属性值;属性:属性值;...}id名是唯一的,即相同的id在一个页面中只能出现一次通配选择器:为一个星号(*),可以匹配任意类型的html元素。语法:*

2022-07-14 18:16:17 92

原创 关于WEB HTML的标签的语法和分类

众所周知web标签总共分为"块级标签"它的特点是独占整行的、"行级标签"和一些个别特殊的是"行内块标签"行内块标签是结合了块级标签和行级标签的特点而成,它的特点就是可以设置宽和高并且不是独占整行。 标签的语法总共有两种分为双标签和单标签双标签的语法:双标签分为两部分开始部分(开始标签)和结束部分(结束标签),例如盒子标签div:内容它的语法是分为两部分的是有前后之分的,区别的方法就是查看他的标签的前面有没有/有的话就是结束标签如果没有就是开始标签。单标签的语法:单标签和双...

2022-07-12 19:03:45 255 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除