- 博客(45)
- 收藏
- 关注
翻译 在 JavaScript 中获取字符串的最后一个字符
1.substr( -1)用JavaScript函数提取字符串的最后一个字符2.使用charAt函数获取字符串的最后一个字符3.使用slice(-1)函数获取最后一个字符4.获取字符串的最后一个索引5.使用split() Javascipt的功能
2022-09-27 14:58:17
9370
原创 定时器及案例
window.setTimeout(调用函数,延时时间); 书写时window可以省略;clearTimeout() 就可以停止定时器window.setInterval(调用函数,延时时间)书写时window可以省略;clearInterval() 函数来暂停该计时器
2022-09-01 07:45:00
803
1
原创 BOM介绍以及应用以及this指向问题
BOM(Browser Object Model)即浏览器对象模型;Onload:是窗口 (页面)加载事件,当我们使用window.onload 将要运行得程序进行封装之后,程序得放置位置就没有影响;this指向问题 一般情况下this的最终指向的是那个调用它的对象...
2022-08-31 19:27:00
166
原创 e.target 和 this 的区别以及键盘事件的应用
e.target 返回的是触发事件的对象(元素)this 返回的是绑定事件的对象(元素)事件委托的核心原理:给父节点添加侦听器,利用事件冒泡影响每一个子节点
2022-08-30 19:20:24
1312
原创 事件详解以及相关自身理解
1.注册事件的方式主要有两种方式:1)传统的注册方式 2)事件侦听注册事件 addEventListener2..DOM事件流:描述的是从页面中接收事件的顺序,事件发生时在元素节点按照一定的顺序执行就叫做DOM事件流。 事件传播的过程就是DOM事件流...
2022-08-26 13:51:43
63
原创 动态生成表格
1)document.write();直接将内容写入页面内容流。但是文档流执行完毕,会导致页面重绘。2)element.innerHtml();将内容写入某个DOM节点,页面内容不会重绘3)document.createElement();创建多个元素效率低点,但是结构清晰。...
2022-08-26 11:55:49
1042
原创 节点操作之兄弟节点和留言板案例
兄弟节点:nextSibling nextSibling 获取的是下一个兄弟节点 包含元素节点或者 文本节点等等previousSibling 获得的是上一个兄弟节点,它里面包含文本节点和元素节点
2022-08-25 06:00:00
485
原创 节点操作之父子节点和下拉框
父级节点:node.parentNode node.parentNode,返回某节点的父节点,返回最近一个父节点,如果没有父节点返回null。子节点 childNodes childNodes返回包含指定节点的子节点的集合,返回所有子节点,包括文本节点,元素节点。
2022-08-24 18:51:20
403
原创 自定义属性和tab栏切换
1.获取元素属性值通过:element.属性,获取自定义属性值:element.getAttribute('属性')2.修改元素增加一个指定名称和值的新属性,或者把一个现有属性设定为指定的值 elementNode.setAttribute(name,value)
2022-08-23 16:00:00
253
原创 属性值的操作以及对表单全选操作
1.获取自定义属性值:1)element.属性,获取自定义属性值:element.getAttribute('属性') 2)元素.getAttribute('属性') 2.设置属性值 1)元素.属性=‘属性值’ 2)元素.setAttribute('属性','值') 3)移除某一个属性 元素.removeAttribute('属性')以及表单的全选全取消是一个常用的案例,需要重点理解其中的思想和实现方法
2022-08-22 20:00:00
192
原创 排他思想的理解以及百度换肤,表格隔行变色的使用
排他思想 (需要重点掌握,后面这种思想很重要)如果有同一组元素,我们想要某一个元素实现某种样式,需要用到循环的排他思想1)所有元素全部清除他们的样式(干掉他们)2)给当前选择的元素设置样式(保留自己)3)注意的是顺序不能进行颠倒,要先干掉他们,这样才能设置自己想要的百度换肤案例或者表格隔行变色,重点还是排他思想
2022-08-22 16:00:00
373
原创 样式属性操作
element.style 行内样式操作 修改的样式比较少或者想达到的功能简单的情况下,我们应该使用 元素.style 的方式来进行修改element.className 类名样式操作 适合于样式较多或者功能比较复杂的情况下使用element.classList.toggle('类名')切换类采用element.classList.toggle('类名')(支持ie10以上的版本),切换类就是没有就添加,有就移除。
2022-08-21 10:00:00
1270
原创 事件(操作元素 修改元素,表单)
事件的组成:事件是由三部分进行组成 事件源 事件类型 事件处理程序 我们将这三个称之为事件三要素 我们可以对里面的元素 元素属性 表单属性 进行操作和改变
2022-08-20 19:00:00
618
原创 DOM介绍
DOM获取元素的方式: 1.根据ID获取 2.根据标签名获取元素3. 根据类名获取元素集合 4.获取指定选择器第一个元素5.根据指定选择器返回所有元素 6.获取特殊元素 bod元素 html元素
2022-08-20 14:19:29
613
原创 javascript对象——字符串对象
根据字符返回位置 str.indexOf indexOfcharAt(index) 根据位置返回字符concat ('字符串1','字符串2',……); 拼接字符串substr('截取的起始位置','截取几个字符'); replace('被替换的字符','替换为的字符')字符串转换为数组 split('分隔符')...
2022-08-17 19:32:48
291
原创 javascript对象——数组对象
添加数组元素:push() unshift()删除数组元素:pop() shift()删除或替换现有元素或者原地添加新的元素来修改数组 splice(star,num,insert)截取指定开始位置到结束位置的字符串 slice 用于合并两个或多个数组 concat()获取索引值的方法(去重时可以考虑使用) indexOf(数组元素,起始位置) lastIndexOf(数组元素,起始位置) ...
2022-08-16 19:53:03
3641
原创 JavaScript对象——Date日期对象
Date()日期对象 是一个构造函数,必须使用new 来调用创建我们的日期对象 我们日常可以通过查询MDN ,查看各个方法的使用。
2022-08-15 18:43:55
1965
原创 JavaScript对象
对象:是一组无序的相关 属性和方法 的集合。创建对象的方法有:利用字面量创建对象 利用new Object 创建对象 利用构造函数创建对象使用对象:对象名.属性名 对象名['属性名'] 对象名.方法() ...
2022-08-11 19:16:08
231
原创 JavaScript作用域及预解析
js的作用域分为全局作用域 和 局部作用域。变量的作用域:根据作用域的不同我们变量可以分为全局变量 和 局部变量。预解析:js引擎会把js里面所有的 var 还有 function 提升到当前作用于的最前面。预解析分为:变量预解析(变量提升)和函数提升...
2022-08-10 19:13:56
214
原创 JavaScript函数及应用案例操作
JavaScript函数及应用,通过对函数知识点的掌握,能够熟练使用函数打印出数组的翻转,数字数组的排序,数组之间的相互调用,以及对素数个数的求解。
2022-08-09 20:42:26
369
原创 JavaScript数组
JavaScript 数组用于在单一变量中存储多个值,数组是一种特殊的变量,它能够一次存放一个以上的值。数组当中首先就是数组的创建方式,然后就是遍历数组中的元素,根据要求生成新的数组,最后就是增加数组元素,以及熟练掌握和理解冒泡排序的思路和书写方法...
2022-08-05 22:01:11
2317
原创 循环结构案例题(希望解题思路对大家起到一定的指导意义)
使用for循环解决九九乘法表,倒三角,以及使用while循环或者do while循环,制作简易版的登录,以及使用while循环,switch循环和if循环,制作一个建议的ATM提款机,
2022-08-01 17:06:47
692
原创 JavaScript流程控制-循环结构
JavaScript流程控制-循环结构 循环结构当中包括for循环 双重for循环 while 循环 和 do while循环,以及continue关键字 和break关键字,其中比较重要的就是for循环
2022-07-29 21:25:43
379
原创 JavaScript流程控制-分支结构
JavaScript流程控制-分支结构:里面主要讲解if语句结构 if else 语句结构 else if 语句结构 switch语句结构 三元运算符,里面有例子进行配合理解。
2022-07-28 19:01:05
549
1
原创 JavaScript 数据类型以及数据类型转换
JavaScript的数据类型有数字型Number,布尔值类型Boolean,字符串型String, 未定义类型Undefined以及最后的空值Null;以及数据类型之间的转换,其他类型转换为字符串类型 ,其他类型转换为数值类型,其他类型转换为布尔型。......
2022-07-26 18:22:28
1094
原创 初识JS以及变量的使用
JavaScript是由ECMAScript(JavaScript语法) Dom(页面文档对象模型) Bom(浏览器对象模型) 变量是用于存放数据的容器。我们可以通过变量名来获取数据,甚至里面的数据可以进行修改。 变量的本质: 变量是程序在内存中申请一块用来存放数据的空间。......
2022-07-25 15:30:00
386
原创 hover li标签,可以将内容显示在里标签当中
hover li标签,可以将内容显示在里标签当中,而li就会跟着改动li标签的高度,当离开li标签的时候,就可以还原到原来的高度。
2022-07-22 17:15:00
1175
原创 《去哪儿》热门度假模块
编写时,出现在图片上方的内容,可以通过给他们一个盒子来进行书写;当给li添加边框的时候,出现抖动,可以通过给li添加1px的透明像素边框,就可以解决给li添加hover时1个像素边框抖动的问题.
2022-07-20 18:53:31
141
原创 字体和字体样式
vertical-align:设置文本垂直对齐方式(图片和文字的对齐方式)。这种对齐方式,只适用文本,图片,行内块元素,表格;不适用于块元素。
2022-07-14 21:50:34
566
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人