自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(79)
  • 问答 (1)
  • 收藏
  • 关注

原创 JSON

JSON(JavaScript Object Notation,js对象表示法)就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别,并且可以转换为任意语言中的对象

2022-07-26 18:58:00 245 1

原创 类的操作

通过style属性来修改元素的样式,每修改一个样式,浏览器就需要重新渲染一次页面,这样的执行性能是比较差的,而且使用这种形式当需要修改多个样式时,也不方便。同时也违背了表现(CSS)和动作(JS)的分离。...

2022-07-26 11:07:38 165

原创 轮播图练习

代码】轮播图练习。

2022-07-26 10:15:34 133

原创 定时器的应用

代码】定时器的应用。

2022-07-25 10:22:06 186

原创 修改div移动练习

代码】修改div移动练习。

2022-07-23 16:26:15 159 2

原创 window对象——定时器简介

JavaScript的程序执行速度时非常快的,如果希望一段程序每隔一段时间执行一次,可以使用定时调用。

2022-07-23 12:02:00 864

原创 History对象和Location对象

可以获取到当前访问的链接数量可以用来回退到上一个页面,作用和浏览器的回退按钮一样可以用来跳转到下一个页面,作用和浏览器的前进按钮一样。

2022-07-23 11:40:00 128

原创 Navigation对象

Navigation对象代表当前浏览器的信息,通过该对象可以来识别不同的浏览器

2022-07-23 10:41:43 462

原创 BOM简介

在BOM对象的层次体系中,Window位于顶层,其他的对象都是作为window对象的属性保存的,可以使用标识符window直接访问下层对象,如window.document.write("hello,world!BOM主要是由一系列的浏览器的对象组成,用来完成对浏览器的操作。这一系列的浏览器对象被称为BOM对象体系。因为window是顶层对象,所以在平时写代码时,window是可以省略的,如document.write("hello,world!......

2022-07-23 10:01:22 104

原创 键盘 事件

在键盘事件处理程序中,可以用Event对象的keyCode属性来获取用户按下的键盘键的键码值。键盘的键码值是指键盘上的按键都对应着的一个数值,这个数值被称为Unicode键码值。PS键盘事件一般都会绑定给一些可以获取到焦点的对象或者是document。键盘上某个键被按下后松开时触发的事件。...

2022-07-22 17:43:59 793

原创 滚论 事件

当滚轮滚动时,滚动事件被触发,如果浏览器有滚动条,滚动条也会随滚轮滚动,可能会影响到绑定的滚动事件,这是浏览器的默认情况,如果不希望发生,则可以取消默认行为。

2022-07-22 16:41:54 449

原创 拖拽 练习

代码】拖拽练习。

2022-07-22 12:22:17 106

原创 事件的绑定

使用对象.事件=函数的形式绑定响应函数,它只能同时为一个元素的一个事件绑定一个响应函数,不能绑定多个,如果绑定了多个,则后面绑定的函数会覆盖前面的函数。

2022-07-22 09:58:48 270

原创 事件的委派

这种为每个超链接都绑定一个单击响应函数比较麻烦,而且这些操作只能为已有的超链接设置事件,而新添加的超链接必须重新绑定。可以用事件的委派只绑定一次事件,即可应用到多个元素上,即使是后添加的元素。可以将单击事件绑定给ul来实现。预期效果通过点击按钮,可以向ul中添加超链接列表,点击超链接时会弹出窗口,输出超链接的文本内容。...

2022-07-21 12:23:39 1266

原创 事 件 流

事件将沿着DOM树向下传递,经过目标节点的每一个祖先节点,直到目标节点。例如用户单击了一个超链接,则该单击事件将从document节点转送到HTML元素、body元素以及包含超链接的div元素。事件将沿着DOM树向上传递,再逐次访问目标元素的祖先节点直到documentj节点。该过程的每一步,浏览器都会执行那些不是捕捉事件监听器的事件监听器。在次阶段中,事件传导到目标节点。浏览器在查找到已经指定给目标事件的事件监听器之后,就会运行该事件监听器。.........

2022-07-21 10:52:27 386

原创 div跟随鼠标移动练习

代码】div跟随鼠标移动练习。

2022-07-20 17:36:59 589

原创 事件对象(Event对象)

当事件的响应函数被触发时,浏览器每次都会将一个事件对象作为实参传递进响应函数中,在事件对象中封装了当前事件相关的一切信息,比如鼠标的坐标、键盘哪个键被按下、鼠标滚轮滚动的方向等等。只有当事件发生时,Event对象才有效,只能在事件处理程序中访问Event对象。...

2022-07-20 16:52:26 152

原创 其它样式相关属性

语法元素.clientWidth;元素.clientHeight。

2022-07-20 11:36:38 161

原创 使用DOM操作样式

语法元素.style.样式名=样式值。

2022-07-19 18:26:53 460

原创 关于a的索引问题

关于a的索引问题,这是我在“添加删除记录练习”中碰到的一个问题,在经过多次查阅资料和测试之后,发现了问题的答案(因为这是我本人的个人学习笔记,所以对于练习我都是直接复制粘贴自己写的代码,并没有过多的讲解编写代码的过程,而这次碰到了一个让我困扰许久的问题,在大量的测试和查阅资料之后,我发现了这其实是一个很简单的问题,单独写一章,这是我学习js中碰到问题的一点感悟,希望碰到类似问题的初学者看到之后也能有所收获,如果是大神就当我没说。为什么把alert(alla[i]);问题出现在第三步,执行for循环。...

2022-07-19 16:04:05 112

原创 添加删除记录练习(优化版)

代码】添加删除记录练习(优化版)

2022-07-19 11:04:23 97

原创 操纵DOM对象

创建一个元素节点语法var变量=document.createElement("元素");创建一个文本节点语法var变量=document.createTextNode("文本");

2022-07-18 12:25:46 240

原创 DOM查询(四)

直接通过getElementsByTagName()获取在document中有一个属性body,它保存的是body的引用。

2022-07-16 18:23:51 187

原创 全选练习

代码】全选练习。

2022-07-16 17:44:04 118

原创 DOM查询(三)

代码】DOM查询(三)

2022-07-16 11:06:29 129

原创 DOM查询(二)

通过具体的元素节点调用。

2022-07-16 10:26:48 81

原创 图片切换练习

代码】图片切换练习。

2022-07-15 20:03:55 89

原创 DOM查询(一)

通过document对象调用。

2022-07-15 17:33:01 143

原创 文档的加载

浏览器在加载一个页面时,是自上而下的顺序加载的,读取到一行就运行一行,如果将script标签写在页面(body)上面,在执行代码时,页面还没有加载,页面没有加载DOM对象也没有加载,会导致无法获取到DOM对象将JavaScript代码编写在页面(body)下部可以在页面加载完毕后再执行JavaScript代码。...

2022-07-15 16:33:27 179

原创 事件的简介

JavaScript中事件的命名都是描述性的,比较容易理解,如单击(click)、双击(dblclick)、提交(submit)、按下鼠标(mousedown)等等。

2022-07-15 15:56:00 940

原创 DOM简介

​​​​​DOM全称Document Object Model(文档对象模型)

2022-07-15 12:04:52 1174 2

原创 正则表达式语法

语法:var 正则对象 = /(正则表达式){量词}/匹配模式;

2022-07-15 10:08:24 958

原创 字符串和正则表达式相关的方法

search() 该方法可以搜索字符串中是否含有指定内容 如果搜索到内容则会返回第一次出现的索引,如果没有搜索到则返回-1 它可以接受一个正则表达式作为参数,然后根据正则表达式去检索字符串 该方法只会查找第一个指定内容,即使设置了全局匹配也没用语法:变量.search(指定内容);match() 该方法可以根据正则表达式,从一个字符串中将符合条件的内容搜取出来 默认情况下match只会找到第一个符合条件的内容,找到以后就停止检索 可以设置正则表达式为全局匹配模式,这样就会

2022-07-14 17:50:41 107

原创 正则表达式简介

在构造函数中可以传递一个匹配模式作为第二个参数。可以是i(忽略大小写),g(全局匹配模式)语法:var 变量 = new RegExp("正则表达式","匹配模式");使用这个方法可以用来检测一个字符串是否符合正则表达式的规则,如果符合则返回true,如果不符合则返回false语法:正则对象.test(检测的字符串);...

2022-07-14 17:12:13 284

原创 String对象方法

length属性可以用来获取字符串的长度语法:变量.lengthcharAt() 可以返回字符串中指定位置(index)的字节 根据索引获取指定为值的字符语法:变量.charAt(index);charCodeAt() 可以获取指定字符的字符编码(Unicode)语法:变量.charCodeAt(index);String.formCharCode() 可以根据字符串编码获取字符语法:String.formCharCode() concat() 可以连

2022-07-14 16:30:57 338

原创 包 装 类

创建一个Number类型的对象 语法:var 变量名 = new Number();向Number对象中添加属性语法:变量名.属性名 = 属性值在实际应用中不会使用基本数据类型的对象,如果使用基础数据类型的对象,在做一些比较时可能会带来一些不可预期的结果,例如: 包装类的主要作用是浏览器用于临时转换基本数据类型 基础数据类型无法添加属性和方法,但是可以通过包装类进行转换为对象,然后添加属性或 方法。当对一些基本数据类型的值去调用属性和方法时,浏览器会临时使用包装类将其转换为对象,然后再

2022-07-14 11:54:45 101

原创 Math对象

Math和其他的对象不同,它不是一个构造函数,它属于一个工具类,不用创建对象,它里面封装了数学运算相关的属性和方法生成x到y之间的随机数:Math.round(Math.random()*(y-x)+x);

2022-07-14 11:15:00 65

原创 Date对象

在JavaScript中使用Date对象表示一个时间创建Date对象语法:var 对象名 = new Date();如果使用构造函数创建一个Date对象,则会封装为当前代码执行的时间创建一个指定的时间对象需要在构造函数中传递一个表示时间的字符串作为参数。语法:var 对象名 = new Date("月份/日期/年 时:分:秒"); 该方法可以获取当前时间对象中的日期值语法:对象.getDate();该方法可以获取当前时间对象中的日期值为星期几(0表示周日,1表示周一,2表示周二.....)语法:对象.get

2022-07-14 10:47:26 277

原创 函数的方法

语法:函数.call(对象1,实参1,实参2...实参n); 函数.apply(对象1,[实参1,实参2...实参n]); arguments在调用函数时,浏览器每次都会传递两个隐含的参数:

2022-07-14 10:02:51 90

原创 数组的遍历

所谓遍历数组就是将数组中的元素都取出来语法:使用for....in语句访问数组元素语法:练习

2022-07-13 12:00:04 333

空空如也

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

TA关注的人

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