javascript基础
LoveyL0201
这个作者很懒,什么都没留下…
展开
-
JS中的this指向问题(详细版plus)
JS中的this指向问题()在全局作用域中=>this -> window<script> console.log(this); //this->window</script>在普通函数中=>this取决于谁调用,谁调用我,this就指向谁,跟如何定义无关 var obj = { fn1:function() { console.log(this);原创 2020-12-01 18:38:17 · 310 阅读 · 0 评论 -
JS-本地存储详解
WebStoragelocalstorage (本地存储)=>长期存储在浏览器中,存储时候是以键值对的形式存储,以字符串的形式存储,如果是对象,就需要使用 JSON字符串转换然后存储,一旦创建就不会消失,需要手动删除创建,更新=>localStorage.setItem( key[string] value[string])=>localStorage.key = value因为本地存储只允许存储一个相同的key作为数据,要想对其更改只用改变其value值即可//创建原创 2020-11-09 09:54:43 · 359 阅读 · 0 评论 -
JS正则表达式(超详细整理版)
正则表达式创建正则表达式利用RegExp对象创建var reg = new RegExp(/123/);console.log(reg) // /123/字面量创建var reg = /123/;console.log(reg) // /123/正则.exec( str ) 从字符串里获取符合正则表达式的一部分片段=> 返回值:1. 字符串里面没有符合规则的片段 -> null2. 字符串里面有符合规则的片段原创 2020-10-27 08:33:32 · 396 阅读 · 0 评论 -
什么是JSON(详解)
JSON什么是JSON=>JSON是一种数据格式,不是编程语言,全称(javascript object Notation)javascript对象表示法,不是只有 javascript可以使用JSON,很多编程语言都有针对JSON格式的解码器。语法基本类型:=>可以在JSON中表示字符串,数字,布尔值和null,但是不支持undefined对象:=>可以在JSON格式中出现对象,对象中以键值对的形式存储,但是键名和属性值必须用双引号包裹,键值对中的值原创 2020-10-26 18:51:02 · 1664 阅读 · 0 评论 -
JS中的this指向问题(详细版)
JS中的this指向问题()在全局作用域中=>this -> window<script> console.log(this); //this->window</script>在普通函数中=>this取决于谁调用,谁调用我,this就指向谁,跟如何定义无关 var obj = { fn1:function() { console.log(this);原创 2020-10-23 09:16:16 · 16355 阅读 · 11 评论 -
javascript事件及事件绑定
事件事件流事件流是描述从页面中接收事件的顺序,包括事件冒泡流和事件捕获流。事件冒泡(IE事件流)事件开始时从触发事件的那个元素一级一级向上传播,从而触发上面的每一级,知道传播到document对象<div id="grandfather"> <div id="father"> <div id="son"></div> </div></div>当触发了son这个原创 2020-10-20 08:17:03 · 116 阅读 · 0 评论 -
javascript阻止浏览器默认行为
阻止浏览器默认行为e.preventDefault( ) //标准浏览器e.returnValue = false //IE低版本处理兼容方式1: if () { } else { }方式2: try {} catch (err) {}方式3: return false常见浏览器默认行为a标签的跳转form表单的提交鼠标单击右键的时候显示菜单栏鼠标的框选效果a.onclick = function (e) { e = e || w原创 2020-10-19 20:33:36 · 469 阅读 · 0 评论 -
javascript事件绑定的区别以及兼容
DOM0级绑定与DOM2级绑定的区别以及兼容1.区别on事件支持任何浏览器兼容,addEventListener只支持IE8及其以上版本支持on事件实际是给DOM绑定了一个固定的属性,例如onclick就是给元素绑定一个匿名函数,这就意味着再次赋值的时候原来的属性值会被覆盖,而addEventListener是使用的回调函数,可以设置多个事件回调函数不会被覆盖 bn.onclick=function(){ console.log("aa");原创 2020-10-19 20:26:58 · 112 阅读 · 1 评论 -
javascript事件对象
事件对象DOM中的事件对象兼容DOM的浏览器会将一个event对象传入到事件处理程序中。无论是DOM0级还是DOM2级方法,都会传入event对象。event事件中的有关属性和方法event.bubbles 表明事件是否冒泡类型=>booleanevent.cancelable 表明是否可以取消事件的默认行为类型=>booleanevent.currentTarget 事件处理程序当前处理的那个元素类型=>Element原创 2020-10-19 20:25:44 · 156 阅读 · 0 评论 -
javascript字符串及其常用方法详解
字符串字符串的特点ECMAScitpt中的字符串是不可变的,字符串一旦创建,他的只就不能改变。要改变某个变量保存的字符串,首先要销毁原来的字符串,然后再用另一个包含新值的字符串填充该变量转换为字符串toString( ) 数值、布尔值、对象和字符串值都有一个toString方法。但null和undefined没有这个方法var num = 10;console.log(num.toString()) //'10'console.log(num.toString(2)) //原创 2020-10-19 08:31:17 · 112 阅读 · 0 评论 -
javascript字符串及其常用方法详解
字符串字符串的特点ECMAScitpt中的字符串是不可变的,字符串一旦创建,他的只就不能改变。要改变某个变量保存的字符串,首先要销毁原来的字符串,然后再用另一个包含新值的字符串填充该变量转换为字符串toString( ) 数值、布尔值、对象和字符串值都有一个toString方法。但null和undefined没有这个方法var num = 10;console.log(num.toString()) //'10'console.log(num.toString(2)) //原创 2020-10-15 19:09:53 · 88 阅读 · 0 评论 -
javascript获取css行内样式
javascript获取css样式获取行内样式ele.getComputedStyle //标准浏览器 IE8以上支持ele.currentStyle //支持低版本IE浏览器 IE8及其以下获取非行内样式ele.style.attr //只能获取非行内样式封装兼容函数/** * 获取元素样式 * @param { ELEMENT } ele 要获取样式得元素 * @param { STRING } style 要获取得样式字符串 * @r原创 2020-10-15 10:25:34 · 541 阅读 · 0 评论 -
DOM(文档对象模型)之操作DOM的API总结
DOM(文档对象模型)什么是DOMDOM全称是Document Object Model(文档对象模型),是为HTML和XML提供的API。DOM把整个页面映射为一个多层次的节点结构。HTML和XML页面中的每一个组成部分都是某种类型的节点。借助DOM提供的API,开发人员可以轻松自如的删除,添加,替换,修改任何节点。DOM 是一个以树状结构存在的内容。DOM 的顶级是 document 表示当前文档。window->document->html获取DOM元素非常规标签1原创 2020-10-14 22:48:58 · 359 阅读 · 0 评论 -
javascript时间对象-Date
时间对象-DateDate类型使用自UTC国际协调时间 1970年1月1日零时开始经过的毫秒数来保存日期创建var date = new Date();可以创建一个指定日期的时间对象传递数字1-1. 第一个数字, 表示年 1-2. 第二个数字, 表示月 -> 0 表示 1 月, 11 表示 12 月 1-3. 第三个数字, 表示日 1-4. 第四个数字, 表示时原创 2020-10-13 20:59:31 · 187 阅读 · 0 评论 -
javascript之Math对象
Math对象Math对象常用到的特殊值 console.log(Math.E)//自然对数的底数e console.log(Math.LN10)//10的自然对数 console.log(Math.LN2)//2的自然对数 console.log(Math.LOG2E)//以2为底的对数 console.log(Math.LOG10E)//以十为底的对数 console.log(Math.PI)//PI的值 console.log(Math.SQ原创 2020-10-13 20:58:55 · 140 阅读 · 1 评论 -
javascript基本包装类型-Number
基本包装类型-Number,Boolean,String基本包装类型因为基本类型不是对象,本身不能调用属性和方法,为了便于操作基本类型,于是ECMAScript提供了三种特殊的引用类型:Boolean,Number,String。每当读取一个基本类型的值的时候,后台会创建一个对应的基本包装类型的对象,从而调用操作这些数据。var str = 'hello world';var str2 = str.substring(2); //str是基本类型 理论不可以调用方法 实际上str在调用su原创 2020-10-13 20:58:09 · 131 阅读 · 0 评论 -
javascript数组及其常用方法详解
数组-array创建数组的两种方式Array构造函数创建var arr = new Array();如果想要保存数组的项数var arr = new Array(20); //创建一个数组为长度20的数组也可以传递字符串,但不能只传递一个数字,只传递一个数字会默认为数组的长度字面量创建var arr = ['red','green','yellow'];var arr1 = [];length属性可以通过设置length这个属性,从数组末尾增原创 2020-10-13 13:46:48 · 398 阅读 · 0 评论 -
javascript数值转换-number,parseInt,parseFloat
数值转换Number() 可以用于任何数值类型如果是Boolean类型,true和false分别被转换成1和0如果是数字值,只是简单的传入和传出如果是null,返回0如果是undefined,返回NaN如果是字符串如果字符串只包含数字,则将其转化为十进制数字,‘1’会被转化成1,‘123’会被转化为123,‘011’会被转化为11(会忽略字符串前导0)如果字符串包含有效的浮点格式,‘1.1’会被转化为1.1,同样忽略前导0如果字符串包含有效的十六进制格式,例如‘0xf’,则将其转化原创 2020-10-12 22:41:00 · 243 阅读 · 0 评论