JavaScript
左耳说你很傻
这个作者很懒,什么都没留下…
展开
-
JavaScript(十九) 动画与插件
动画与插件一、动画1.三组基础动画动画的参数:总共支持三个参数参数1:speed 数字(毫秒) slow normal fast参数2:动画效果 默认 swing 可选 :linear参数3:回调函数 动画执行完毕的回调函数1)显示/隐藏show()Hide()2)展开/折叠slideDown()slideUp()slideToggle()3)淡入淡出fadeIn()fadeOut()fadeToggle()fadeTo() 更改不透明度到原创 2020-09-26 11:03:04 · 172 阅读 · 0 评论 -
JavaScript(十八)jQuery进阶
jQuery进阶一、类的操作addClass() 添加(追加)类removeClass() 移除类toggleClass() 切换$('li').click(function(){ // $(this).addClass('on').siblings().removeClass('on'); $('li').first().toggleClass('on');//切换});二、常见的操作each() 遍历Index() 获取指定元素在兄弟节点中的位原创 2020-09-26 11:02:48 · 5800 阅读 · 0 评论 -
JavaScript(十七)jQuery初识
jQuery初识一、jQuery简介jQuery是一个非常优秀的JavaScript库。是一个开源的库jQuery的宗旨:write less , do morejQuery自身具有非常多的优秀的特点:语法简介,功能强大,开源。市面有非常多的基于jQuery的插件二、jQuery的优点链式操作隐式迭代良好兼容性…三、使用jQuery两种使用方案:1.引入远程的2.引入本地下载好的库关于jQuery版本问题:1.x 支持IE低版本2.x 不支持IE低版本3原创 2020-09-26 11:02:37 · 1194 阅读 · 0 评论 -
JavaScript(十六)web存储和移动端事件
Web存储1.web存储简介在H5中,新增了两种能够在客户端进行数据存储的技术localStorage 永久性存储sessionStorage 临时性存储将数据以键值对的形式存储在客户端只能存储字符串或者数字2.localStorage 永久性存储属性:length 数据的个数方法:setItem(key,value) 添加数据key: 要存储的数据的名称value: 要存储的值getItem(key) 根据key获取数据clear() 清空所有的数原创 2020-09-26 11:01:58 · 179 阅读 · 0 评论 -
JavaScript(十五) 闭包和表单 Ajax请求
闭包和表单一、闭包闭包就是能够读取其它函数中变量的函数(并且将这个函数返回)。本质上,闭包就是将函数内和函数外连接起来的一个桥梁。 function fn(){ var a=0; return function(){ var b=a++; console.log(a,b); // console.log(a++);// 0 a=1 }; } var fnx=f原创 2020-09-26 10:59:04 · 176 阅读 · 0 评论 -
JavaScript(十四 )继承 正则表达式
继承1.对象冒充继承通过call放修改父类的构造函数中this的指向,来完成对子类添加属性示例:人 学生 小学生 function Person(name, age) { this.name = name; this.age = age; this.say=function(){ console.log('哈哈哈哈'); } } Person.prototype.run = functi原创 2020-09-26 10:58:34 · 106 阅读 · 0 评论 -
JavaScript(十三)面向对象
一、面向对象概念面向过程(函数式):会把整个开发分为若干的步骤,一步一步的去开发完成功能。不理于多人协作开发面向对象:会把一切的数据都看做对象对象:属性 变量 特点,特性 名词方法 函数 功能 动词实例:实例和对象之间的关系,人和你的关系。类:es5中没有类(class) 类是对象的模板面向对象特点:继承 子类(派生类) 父类(基类,超类)多态封装JavaScript也是一种面向对象的编程语言。二、对象的创建1.Ja原创 2020-09-26 10:58:26 · 68 阅读 · 0 评论 -
JavaScript(十二)常见js特效
一、拖拽效果1.拖拽效果的思路1)鼠标按下,不能松开2)鼠标在页面中移动,物体随着鼠标移动3)鼠标松开(抬起),停止移动var o = document.getElementsByTagName('div')[0]; //鼠标按下事件 o.onmousedown = function (e) { e = e || window.event; //计算鼠标相对于div的位置 var disLeft原创 2020-09-26 10:58:12 · 4138 阅读 · 0 评论 -
JavaScript(十一)事件
一、事件基础-事件函数与事件对象1.事件函数事件触发的时候,要执行的函数2.事件对象事件触发时,浏览器会将与事件相关的信息包装为对象传递(window.event)事件对象包含一些常见的属性:事件名称,事件目标对象,鼠标位置信息等…事件对象的属性:target:触发事件的对象type:事件的类型clientX,clinetY 鼠标相对于屏幕的位置pageX,pageY 鼠标相对于页面的位置二、事件的绑定与取消1.事件的绑定以前: 对象.事件名弊端:若为同一个对象添加多个同名事原创 2020-09-26 10:58:00 · 137 阅读 · 0 评论 -
JavaScript(十) BOM
BOM,browser object model 浏览器对象模型。用来实现js与浏览器的交互BOM的核心对象时window,是Global对象(全局对象,顶级对象)。全局变量、函数、对象都会自动成为window对象的属性、方法。document对象也是window对象的属性一、BOM1.window对象的方法:alert() 警告框prompt() 输入框 确定按钮 输入框的内 取消按钮 nullconfirm() 确认框 确定 true 取消 false原创 2020-09-26 10:57:09 · 68 阅读 · 0 评论 -
JavaScript(九)DOM
一、概念:DOM:文档对象模型在JavaScript中,加载HTML页面时会将HTML页面描绘成一个由节点组成的节点树(DOM树).在DOM中,节点之间的关系有两种:父子关系兄弟关系节点:HTML页面的内容,都可以被称为节点节点分类:元素节点(标签)、文本节点(文字)、属性节点(属性)…允许开发人员通过js来操作HTML和XML二、根据节点知识进行元素查找1.获取子节点(直接后代)childNodes: 直接后代中的文本节点和元素节点children: 直接后代中的元素节点原创 2020-09-26 10:56:58 · 51 阅读 · 0 评论 -
JavaScript(八)数组
一、概念什么是数组?数组可以保存大批量的数据数组是js内置对象 Array一般使用instanceof来检测引用类型(对象类型) 结果为 true或者false创建数组?new Array() 定义一个空数组new Array(item,item,item…); 定义数组同时即初始化new Array(length) 定义数组同时,指定数组长度[] 代表数组数组的常见属性和方法属性:length 数组中元素的个数数组的常见特原创 2020-09-26 10:56:39 · 250 阅读 · 0 评论 -
JavaScript (七)日期和字符串
一、对象对象的概念:在JavaScript中一切内容都可以被抽象为对象包装对象:将基础类型包装为对象类型对象:属性 特点 变量方法 功能 函数内置对象:Date Array String RegExp …二、日期Date是JavaScript中为日期和时间的使用而封装的一个对象使用:new Date();//获取当前时间对象常用方法:获取年月日 时分秒 星期值注意:获取到的月份比真实值小1设置方法:月份比真实值小13. 获取指定日期对象 做法一原创 2020-09-26 10:56:24 · 203 阅读 · 0 评论 -
JavaScript(六)定时器和运动
一、定时器在JavaScript中有两个:setTimeout(code,time) 间隔固定时间之后,执行代码一次setInterval(code,time) 每隔固定时间执行代码一次两个定时器都可以实现定时器功能:放到函数内部 会每隔一定时间调用一次function fn() { console.log('1'); setTimeout(fn, 1000);//启动一个定时器,1000秒钟之后,调用fn函数}fn();停止定时器:clearTimeout(id)原创 2020-09-26 10:55:44 · 63 阅读 · 0 评论 -
JavaScript(五)函数高级
一、变量作用域作用域:作用范围在ES5中,根据变量的作用范围不同,将变量分为:全局变量:在整个文档中都有效(任何地方都能访问,任何地方都能修改)在函数外声明的变量都是全局变量局部变量:在指定返回有效(函数内能访问,出了函数就访问不到)在函数内声明的变量(包括参数部分)推荐使用局部变量:全局变量生命周期较长,局部变量满足快速释放的原则作用域链:指变量的一查找机制,层层向外寻找机制二、预解析浏览器在执行js代码的时候,有一个预解析的过程。浏览器将js代码的执行分为两步:1.找东西(var原创 2020-09-26 10:55:05 · 86 阅读 · 0 评论 -
JavaScript(四)函数
一、this关键字 this是JavaScript中一个关键字 this无处不在,在任何地方都可以访问this this在不同的地方,值是不一样 window是一个顶级对象,顶级对象可以省略 页面中的内容都属于窗口(window) this在函数外,指向window对象 在事件函数中,this指向事件的触发者 总结:this指向调用者(谁调我,this就指向谁)var li原创 2020-09-26 10:54:32 · 156 阅读 · 0 评论 -
JavaScript(三)程序结构
程序结构:程序执行顺序顺序结构、分支结构、循环结构一、顺序结构程序的主体结构(默认)二、分支结构分支结构的特点:只会执行一个分支(在同一个分支结构中)IfIf…elseIf…else if…elseswitch1.if语句执行规则: 若条件成立在,则执行if语句对应的代码块2.if…else执行规则:若if条件成立,则执行if语句对应的代码块,不成立,则执行else中的代码块3.多分支语句If(条件1){代码块1;}else if(条件2){代码块2;}…else原创 2020-09-26 10:48:35 · 96 阅读 · 0 评论 -
JavaScript(二)JavaScript数据类型
一、数据类型数据要进行分类JavaScript数据分为两类:1.基本类型(简单数据类型、原始数据类型)数值类型 number 1,3,4,5,1.1,1.11,3.1.4,-100…NaN关于出现NaN的原因a、操作的两个数,类型不一致b、有一个值为NaN,计算後为NaN字符串类型 string 内容被”” 或’’包裹在js中不区分单双引号字符串内容会原样输出‘’ “” 空字符串(空字符和空格字符串不是一个东西)布尔类型 boolean true原创 2020-09-26 10:48:25 · 126 阅读 · 0 评论 -
JavaScrpit(一)JavaScript初识
JavaScript初识一、JavaScript介绍1.JavaScript是什么?(1)HTML 结构层(2)Css 表现层(3)JavaScript 交互JavaScript是一门弱类型语言,是世界上最流行的脚本语言Java Python c++ c# PHP C …编程语言:HTML和css不是编程语言编程语言 :逻辑语言脚本语言:执行环境:浏览器解释性语言:编译性语言:2.JavaScript能做什么?HTML+css 静态网页HTML+css+原创 2020-09-26 10:47:59 · 200 阅读 · 0 评论