Javascript
文章平均质量分 82
对Javascript的学习
努力做一只合格的前端攻城狮
这个作者很懒,什么都没留下…
展开
-
jQuery效果(隐藏和显示)
jQuery效果解析隐藏和显示hide()和show()jQuery toggle()淡入淡出jQuery fadeIn() 方法jQuery fadeOut() 方法jQuery fadeToggle() 方法jQuery fadeTo() 方法滑动jQuery slideDown() 方法jQuery slideUp() 方法jQuery slideToggle() 方法自定义动画jQuery animate() 方法停止动画jQuery stop() 方法隐藏和显示hide()和show()hi原创 2022-01-05 18:53:43 · 7276 阅读 · 0 评论 -
jQuery事件处理
jQuery事件处理前言事件绑定Query事件处理函数的好处反绑定事件事件触发器trigger触发事件triggerHandler触发事件快捷事件 Event Helpershover:模仿鼠标悬停jQuery中事件对象JQuery中事件对象操作前言jQuery在JavaScript基本的事件处理机制的基础上,对其进行了增强和扩展。jQuery不但提供了十分优雅的事件处理语法,而且也对事件处理机制本身作了很大的增强。如在页面加载事件中,JavaScript使用window.onload()方法,它在页原创 2021-12-18 18:10:45 · 1800 阅读 · 0 评论 -
正则表达式的语法及使用
正则表达式的语法及使用什么是正则表达式正则表达式的特点正则表达式的使用模式修饰符边界符预定义类字符类量词符括号字符捕获与非捕获贪婪与懒惰匹配正则表达式优先级String类中的方法match()方法search()方法split()方法replace()方法常用的正则表达式什么是正则表达式正则表达式:是一种描述字符串结构的语法规则,是用于匹配字符串中字符组合的模式,同时正则表达式也是对象。正则表达式的特点正则表达式的灵活性。逻辑性和功能性非常强。可以迅速地用极简单的方式达到字符串的复杂控制。正则原创 2021-12-17 14:10:54 · 1020 阅读 · 0 评论 -
jQuery选择器
jQuery选择器基本选择器层次选择器基本过滤选择器内容过滤选择器可见性过滤选择器属性过滤选择器子元素过滤选择器表单对象属性过滤选择器表单选择器基本选择器基本选择器是 jQuery 中最常用的选择器, 也是最简单的选择器, 它通过元素 id, class 和标记名来查找 DOM 元素。选择器描述返回#id根据给定的i己匹配一个元素单个元素组成的集合.class根据给定的类各匹配元素集合元素element根据给定的元素名匹配元素集合元素*根据给定的元原创 2021-12-16 16:19:44 · 939 阅读 · 0 评论 -
JavaScript基础语法七(输入和输出语句、函数、变量的作用域)
输入和输出语句、函数、变量的作用域输入和输出语句函数变量的作用域输入和输出语句JavaScript代码中提供了输入和输出语句,可以在网页中实现用户交互效果。常用的输入和输出语句如下所示:alert(msg) :浏览器弹出警告框:var mse='join';alert(mse);console.log(msg) :浏览器控制台输出信息:<script> console.log('在控制台输出信息');</script>prompt(msg):原创 2021-10-28 22:53:29 · 1072 阅读 · 0 评论 -
JavaScript Timing 事件(定时器)
JavaScript Timing 事件1、setTimeout() 方法setTimeout() 方法如何停止执行?2、setInterval() 方法setInterval() 方法如何停止执行?JavaScript 可以在时间间隔内执行。这就是所谓的定时事件( Timing Events)。定时器方法如下方法说明setTimeout()在指定的毫秒数后调用函数或执行一段代码setInterval()按照指定的周期(以毫秒计)来调用函数或执行一段代码clear原创 2021-12-07 19:04:45 · 1979 阅读 · 0 评论 -
JavaScript常见的网页特效(元素样式相关属性)
JavaScript常见的网页特效特效样式1、模态框拖曳效果2、放大镜效果3、固定侧边栏效果4、上下图片无间断滚动5、左右图片无间断滚动如何实现这些效果呢?元素偏移量offset系列元素可视区client系列元素滚动scroll系列如何实现上面那些效果呢模态框拖曳效果代码实现放大镜效果代码实现固定侧边栏效果代码实现上下图片无间断滚动代码实现左右图片无间断滚动代码实现特效样式1、模态框拖曳效果2、放大镜效果3、固定侧边栏效果4、上下图片无间断滚动5、左右图片无间断滚动如何实现这些效果呢原创 2021-12-03 17:42:50 · 4933 阅读 · 0 评论 -
JavaScript的常用内置对象
JavaScript的常用内置对象Math对象Math对象的使用练习日期对象日期对象的使用日期对象的常用get方法日期对象的常用set方法练习数组对象数组类型检测添加或删除数组元素数组排序数组索引练习数组转换为字符串练习数组其他方法字符串对象字符串对象的使用根据字符返回位置根据位置返回字符字符串操作方法练习JavaScript提供了很多常用的内置对象,包括数学对象Math、日期对象Date、数组对象Array以及字符串对象String等。Math对象Math对象的使用Math对象用来对数字进行与数学原创 2021-11-11 21:00:00 · 3006 阅读 · 1 评论 -
JavaScript基础语法练习一(习题)
JavaScript基础语法练习一(习题、js实现冒泡排序)习题练习习题一习题二习题三习题四习题五习题练习习题一输入一个年份值,判断是否是闰年,输出相应的信息。解析:闰年判断条件如下:(1)年份能被400整除(2)年份能被4整除但是不能被100整除js代码实现: var a = prompt("请输入一个年份"); if(a%400===0||a%4==0&&a%100!==0){ console.log(a+"是闰年"); } els原创 2021-10-30 22:12:19 · 1596 阅读 · 0 评论 -
JavaScript中闭包函数的理解和应用
4、"闭包"函数1、"闭包"函数,可以访问另一个函数中的局部变量。 2、作用: (1)可以在函数的外部访问函数内部的变量 (2)可以让变量的值始终保存在内存中 注意:滥用'闭包'对程序的执行效率会产生很大的影响 3、创建:在一个函数的内部创建另外一个函数。另外一个函数可以访问该函数的局部变量...原创 2021-11-14 20:55:44 · 903 阅读 · 0 评论 -
JSON对象和JSON数组
JSON对象和JSON数组JSON对象对象遵循的语法规则访问对象值遍历对象嵌套的 JSON 对象JSON 对象的数组数组遵循的语法规则访问数组值遍历数组JSON 对象中的嵌套数组JSON对象对象遵循的语法规则1、JSON 对象被花括号 {} 包围。2、JSON 对象以键/值对书写。3、键必须是字符串,值必须是有效的 JSON 数据类型(字符串、数字、对象、数组、布尔或 null)。4、键和值由冒号分隔。5、每个键/值对由逗号分隔。text = {"name":"张三", "age":"fun原创 2021-12-10 10:50:46 · 8286 阅读 · 2 评论 -
JavaScript的基本语法八(数据类型转换)
JavaScript的基本语法八(数据类型转换)字符串(string)1、转义字符2、 字符串的长度3、字符串的访问4、字符串的拼接布尔型undefined类型null类型字符串的转换数字转换boolean的转换比较运算符(关系运算符):运算结果是布尔值(true/false)逻辑运算符:运算结果是布尔值(true/false)复合赋值运算符:赋值运算符和其他运算符结合使用位运算符字符串(string)用单引号或双引号括起来的字符序列。注意:不能出现单、双引号的交叉1、转义字符以""开头的有特殊含原创 2021-11-04 14:00:54 · 533 阅读 · 0 评论 -
作用域(全局作用域、局部作用域、块级作用域、作用域链)的区别。
作用域(全局作用域、局部作用域、块级作用域、作用域链)的区别1、全局作用域(全局变量)2、局部作用域(局部变量)3、块级作用域4、作用域链注意1、全局作用域(全局变量)在函数外部定义的变量或在函数内部没有使用var声明的变量。在浏览器页面没有关闭之前一直占用内存空间。比较耗费内存。在浏览器页面关闭时才释放内存。for(var i=0;i<10;i++){ sum = i;}console.log('i=',++i);2、局部作用域(局部变量)在函数内部用var关键字定义的变原创 2021-11-09 20:45:00 · 2934 阅读 · 1 评论 -
JavaScript中的预解析
JavaScript中的预解析一、什么是预解析二、var预解析三、function函数的预解析四、var声明的变量和function声明的函数在预解析的区别一、什么是预解析所谓的预解析就是:在当前作用域中,JavaScript代码执行之前,浏览器首先会默认的把所有带var和function声明的变量进行提前的声明或者定义。二、var预解析var声明的变量在预解析的时候只是提前的声明 /*先解析var变量num 然后执行console输出 最后把10赋给num */ cons原创 2021-11-12 20:00:00 · 820 阅读 · 0 评论 -
BOM简介
BOM简介什么是BOMBOM与DOM的区别BOM构成window对象的常见事件窗口加载事件调整窗口大小事件location对象URL的组成location常用属性location的常用方法navigator对象常用属性常用方法Screen对象常用属性history对象常用属性常用方法什么是BOMBOM:浏览器对象模型(Brower Object Model,BOM)提供了独立于内容而与浏览器窗口进行交互的对象,其核心对象是window。BOM与DOM的区别DOM是文档对象模型,把文档当作一个对象来看原创 2021-12-06 22:38:39 · 1024 阅读 · 0 评论 -
JavaScript语法基础三(数组)
JavaScript语法基础三(数组)二级目录三级目录二级目录三级目录原创 2021-10-24 10:12:05 · 769 阅读 · 0 评论 -
JavaScript语法基础二(数据类型)
JavaScript语法基础二(数据类型)数据类型1、字符串类型2、数值3、布尔值数据类型在JavaScript语法基础一中,mood的值是一个字符串,age的值是一个数。虽然它们是不同的数据类型,但是它们在JavaScript中对这两个变量进行声明和赋值的语法完全一样。JavaScript不需要进行类型声明,因此它是一种弱类型语言,这表明我们可以在任何阶段都可以改变变量的数据类型。以下语句在强类型语言中是非法的,但是JavaScript里却完全没有问题:var age = "thirty thre原创 2021-10-22 23:27:39 · 605 阅读 · 0 评论 -
JavaScript中for、for...in、for...of、forEach的区别和用法
for、for...in、for...of、forEach的区别一级目录二级目录三级目录一级目录二级目录三级目录原创 2021-11-01 14:52:23 · 1969 阅读 · 5 评论 -
DOM二(属性操作、自定义属性、节点层级)
DOM二(属性操作、自定义属性、节点层级)属性操作获取属性值练习设置属性值移除属性值练习自定义属性设置属性值获取属性值练习节点层级获取父级节点获取子级节点小练习获取兄弟节点下拉菜单制作节点操作创建节点添加和删除节点简易留言板的制作复制节点复制第一个子节点练习属性操作获取属性值在DOM对象中可以使用“element.属性”的方式来获取内置的属性值,但是DOM对象并不能直接使用点语法获取到自定义属性的值,那么如何获取自定义属性值呢?在DOM中,可以使用getAttribute('属性')方法来返回指定元原创 2021-11-26 21:51:12 · 812 阅读 · 1 评论 -
JavaScript事件
JavaScript事件注册事件删除事件事件对象事件对象的使用事件对象的常见属性和方法阻止事件冒泡鼠标事件鼠标事件对象键盘事件的常用方法键盘事件对象注册事件在JavaScript中,注册事件(绑定事件)有两种方式,即传统方式注册事件和事件监听方式注册事件。1、传统方式元素对象.事件 = 事件的处理程序;// 示例oBtn.onclick = function () { }注意:该方式注册事件的特点在于注册事件的唯一性,即同一个元素同一个事件只能设置一个处理函数,最后注册的处理函数将会覆盖前原创 2021-12-03 20:41:49 · 2170 阅读 · 0 评论 -
DOM一(获取元素,事件基础,操作元素)
DOM一(获取元素,事件基础,操作元素)获取元素根据id获取元素根据标签获取元素根据标签获取元素根据name获取元素HTML5新增的获取方式根据类名获取querySelector()和querySelectorAll()document对象的属性事件基础事件三要素操作元素操作元素内容操作元素属性操作元素样式操作style属性操作className属性H5中获取元素根据id获取元素document.getElementById('id')方法,是由document对象提供的用于查找元素的方法,该方法返回原创 2021-11-25 20:31:23 · 710 阅读 · 0 评论 -
Javascript面向对象编程
Javascript面向对象编程什么是面向过程与面向对象?面向对象的优势面向对象的特征创建类的方法创建对象。练习实例成员和静态成员练习类的继承练习什么是面向过程与面向对象?面向过程:面向过程就是分析出解决问题需要的步骤,然后用函数把这些步骤一个个实现,使用的时候依次调用。面向过程的核心是过程。面向对象:面向对象就是把需要解决的问题分解成一个个对象,建立对象不是为了实现一个步骤,而是为了描述每个对象在解决问题中的行为,面向对象的核心是对象。面向对象的优势1、模块化更深,封装性强。2、更容易实现复杂原创 2021-11-19 11:40:29 · 675 阅读 · 0 评论 -
JavaScript基础语法一(语句、注释、变量)
JavaScript语法 1、准备工作2、语句注释1、准备工作编写JavaScript脚本不需要任何特殊的软件,一个文本编辑器和一个Web浏览器就可以了。用JavaScript编写的代码必须通过HTML/XHTML文档才能执行。一、将JavaScript代码放到<script>标签之间:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &原创 2021-10-22 16:53:40 · 662 阅读 · 0 评论 -
JavaScript的函数详解
JavaScript的函数详解一、什么是函数二、函数的使用1、函数的声明2、函数的调用3、函数的参数:参入运算的数据(1)形参(形式参数)(2)实参(实在参数):(3)参数之间的数据传递(4)参数的数量4、函数的返回值:函数可以有返回值,也可以没有返回值。三、arguments的使用四、函数进阶1、函数表达式2、回调函数3、递归调用一、什么是函数函数是一个独立的功能模块,可以重复使用,维护方便。在编写代码时,可能会出现非常多的相同代码,或者功能类似的代码,这些代码可能需要大量重复使用,此时就可以使用J原创 2021-11-09 17:37:24 · 1570 阅读 · 0 评论 -
JSON简介(JavaScript 对象标记法)
JSON简介(JavaScript 对象标记法)什么是 JSON?为什么使用 JSON?JSON允许的值类型JSON 文件JSON 语法JSON.parse()转换为 JavaScript 对象解析日期解析函数浏览器支持JSON.stringify()对 JavaScript 对象进行字符串化Stringify JavaScript 数组日期字符串化函数字符串化浏览器支持JSON 格式最初由 Douglas Crockford 提出。什么是 JSON?json的全称为:JavaScript Objec原创 2021-12-08 22:31:44 · 1124 阅读 · 1 评论