javaScript
请问大家代码怎么敲
这个作者很懒,什么都没留下…
展开
-
JS原型
1.函数的prototype属性每一个函数都有一个prototype属性,它默认指向一个object空对象(即:原型对象)console.log(Date.prototype);//{constructor: ƒ, toString: ƒ, toDateString: ƒ, toTimeString: ƒ, toISOString: ƒ, …}原型对象中有一个属性constructor,它指向函数对象console.log(Date.prototype.constructor === Date)原创 2021-04-24 22:23:28 · 73 阅读 · 0 评论 -
JSON
JSONJavaScript Object Notation JS对象表示法JSON和JS对象的格式一样,只不过JSON字符串中的属性名必须加双引号 JSON分类 1.对象{} 2.数组[] JSON中允许的值 1.字符串 2.数值 3.布尔值 4.null 5.对象(不包括函数对象)原创 2021-04-20 20:51:30 · 89 阅读 · 0 评论 -
JS简单轮播图,图片切换暂停开始
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> window.onload =原创 2021-04-15 21:16:37 · 952 阅读 · 0 评论 -
JS中的BOM对象Navigation,Location,History
BOM对象(browser object model)*浏览器对象模型*BOM可以使我们通过JS来操作浏览器*在BOM中为我们提供了一组对象,用来完成对浏览器的操作1.window-代表的使整个浏览器的窗口,同时window也是网页中的全局对象2.Navigation-代表的当前浏览器的信息,通过该对象可以来识别不同的浏览器3.Location-代表当前浏览器的地址栏信息,通过Location可以获取地址栏信息,或者操作浏览器跳转页面4.History-代表浏览器的历史记录,可以通过该原创 2021-04-14 21:44:23 · 523 阅读 · 0 评论 -
js键盘移动div
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #box {原创 2021-04-13 22:34:06 · 64 阅读 · 0 评论 -
js键盘事件
键盘事件 onkeydown 按键被按下 对于onkeydown来说一直按着不放的话,事件会一直触发 当onkeydown连续触发时,第一次和第二次中间间隔时间长,然后非常快 这种设置为了防止误操作的发生 onkeyup 按键被松开 键盘事件一般都会绑定给能够获取到焦点的对象或者是document<!DOCTYPE html><html lang.原创 2021-04-13 22:12:27 · 90 阅读 · 0 评论 -
js事件传播机制
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #box1 {原创 2021-04-13 21:36:29 · 116 阅读 · 1 评论 -
js多事件绑定兼容所有浏览器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <button原创 2021-04-13 20:58:47 · 181 阅读 · 0 评论 -
什么是event
JS中的event 对象详解JS的event对象Event属性和方法:type:事件的类型,如onlick中的click;srcElement/target:事件源,就是发生事件的元素;button:声明被按下的鼠标键,整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下;(firefox中 0代表左键,1代表中间键,2代表右键)clientX/clientY:事件发生的时候,鼠标相对于浏览器窗口可视文档区域的左上角的位置;(在D转载 2021-04-13 12:51:27 · 1130 阅读 · 0 评论 -
事件冒泡,事件委托
事件冒泡,取消冒泡<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #box1{原创 2021-04-13 12:41:47 · 103 阅读 · 0 评论 -
js div跟随鼠标移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #box{原创 2021-04-12 22:35:55 · 94 阅读 · 0 评论 -
JS事件对象clientX clientY鼠标移动的水平和垂直位置
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #areaDIv{原创 2021-04-12 22:01:15 · 235 阅读 · 0 评论 -
JS样式相关的属性clientWidth,offsetLeft,scrollHeight,onscroll
clientWidthclientHeight这两个属性可以获取元素的可见宽度和高度这些属性都是不带px的,返回的都是数字,可以直接进行计算会获取元素宽度和高度,包括内容区和内边距<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sc原创 2021-04-12 21:35:46 · 94 阅读 · 0 评论 -
Math生成0-10随机数
Math.random()可以用来生成一个0-1之间的随机数申城一个0-10之前的随机数生成0-x之间的随机数Math.round(Math.random()*x)生成0-10的随机数生成一个x-y之间的随机数Math.round(Math.randow()*(y-x))+xfor(var i=0;i<100;i++){//生成1-6之前的随机数console.log(Math.round(Math.random()*5)+1)}...原创 2021-04-11 11:31:35 · 2096 阅读 · 0 评论 -
Date对象
在JS中使用Date对象来表示一个时间//创建一个Date对象//如果直接使用构造函数创建一个Date对象,则会封装成当前代码执行的时间var d = new Date()//创建一个指定的时间对象//需要在构造函数中传递一个表示时间的字符串作为参数//日期格式 月份/日/年 时:分:秒var d2 = new Date("12/2/2020 11:10:10")console.log(d2)//Date Wed Dec 02 2020 11:10:10 GMT+0800 (中国标准时间)原创 2021-04-11 11:20:14 · 71 阅读 · 0 评论 -
什么是arguments
在调用函数时,浏览器每次都会传递两个隐含的参数1.函数的上下文对象this2.封装实参的对象arguments-arguments是一个类数组对象,它也可以通过索引来操作数据,也可以获取长度-在调用函数时,我们所传递的实参都会在arguments中保存-arguments.length可以用来获取实参的长度-我们即使不定义形参,也可以通过arguments来使用实参它里面有一个属性叫做callee 这个属性对应一个函数对象,就是当前正在指向的函数的对象function fun(){原创 2021-04-10 23:08:32 · 165 阅读 · 0 评论 -
数组数组遍历数组方法
数组(Array)数组也是一个对象它和我们普通的对象功能类似,也是用来存储一些值的不同的是普通对象是使用字符串作为属性名的而数组是数字来作为索引操作元素-索引从0开始的整数就是索引数组的存储比普通对象更好,在开发中我们经常使用数组来存储一些数据//创建数组对象var arr = new Array()//使用typeof检查对象返回的是Objectconsole.log(typeof arr)//Object//向数组中添加元素//语法 数组[索引]=值arr[0] = 6ar原创 2021-04-10 22:32:16 · 158 阅读 · 0 评论 -
js垃圾回收机制
浏览器的垃圾回收机制(Garbage collection),简称GC。简单来讲就是人生活的时间长了会产生垃圾,程序运行过程中也会产生垃圾这些垃圾 积攒过多以后,会导致程序运行的速读过慢所以我们需要以一个垃圾回收机制,来处理程序运行过程中产生的垃圾var obj = new Object()obj = null-当一个对象没有任何的变量或属性对它进行引用,此时我们将永远无法操作该对象-此时这种对象就是一个垃圾,这种对象过多会占用大量的内存空间,导致程序运行变慢,所以这种垃圾必须进行清理-原创 2021-04-10 16:45:32 · 83 阅读 · 0 评论 -
原型与原型链
原型就是prototype我们所创建的每一个函数,解析器都会向函数添加一个属性prototype这个属性对象着一个对象,这个对象就是我们所谓的原型对象 function Person() { } function MyClass() { } console.log(Person.prototype == MyClass.prototype);//false每一个函数的p原创 2021-04-10 14:19:48 · 84 阅读 · 0 评论