JavaScript
文章平均质量分 82
NO0b
小白
展开
-
JavaScript用prototype属性实现继承
JS并没有显式的继承语法,在JS中所有的对象都是Object的子类实现, 因而对象之间是平等关系.尽管如此我们可以通过特殊的方法达到继承的效果.当然JS也不能直接定义类, 我们通过定义函数可以得到一个同名的类 , 同时这个函数就是这个类的构造器,在定义函数时以this修饰的变量就是定义的 类的实例中的属性,当这个属性时函数时, 就可以认为这个属性变成了一个实例方法//定义一个P...原创 2018-10-05 23:59:03 · 3650 阅读 · 0 评论 -
JS判断变量是否为整数, 是否在范围内
"^\\d+$" //非负整数(正整数 + 0)"^[0-9]*[1-9][0-9]*$" //正整数"^((-\\d+)|(0+))$" //非正整数(负整数 + 0)"^-[0-9]*[1-9][0-9]*$" //负整数"^-?\\d+$" //整数"^\\d+(\\.\\d+)?$" //非负浮点数(正浮点数 + 0)"^(([0-9]+\\.原创 2018-10-18 21:00:43 · 5500 阅读 · 0 评论 -
js解决动态绑定事件时不能传参的问题
问题描述:js使用dom给元素绑定事件时如果直接传入参数,会有传参失败并且语句会执行并没有成功绑定事件的情况举个例子,假如我们有一个div (id="div1"), 我们想给它绑定一个onclick事件并传入字符串参数:(错误案例, 会导致如上后果)var div=document.getElementById('div1');div.onclik=fun('传入实参');...原创 2018-10-09 22:30:28 · 3307 阅读 · 2 评论 -
JavaScript中的window对象 (状态栏动态文字实例)
window对象在js中经常会提到, 在具体了解之前经常会感觉疑惑,window到底是个啥, 这篇就是用来介绍window给和我一样的菜鸟Window - 浏览器对象模型为什么说浏览器对象呢?因为window对象它表示浏览器窗口或一个框架, 与windows操作系统没啥关系window对象是整个JavaScript脚本运行的顶层对象所有 JavaScript 全局对象、函数...原创 2018-10-10 20:07:47 · 2069 阅读 · 0 评论 -
JavaScript中setTimeout()和setInterval()两个定时器的区别和使用方法
两者最直接的区别是:setTimeout()在载入后延迟指定时间去执行一次表达式,只是一次。setInterval()它从载入后,每隔指定的时间就执行一次表达式所以要让一段代码, 某个函数以固定频率重复执行应该使用setInterval()函数如果让一段代码, 某个函数在指定延迟后仅仅执行一次应该使用setTimeout()语法setInterval(code, mill...原创 2018-10-10 20:24:06 · 2151 阅读 · 2 评论 -
前端----通过js给相同class的元素添加事件
写网页时我们可能一组元素增加一个相同的事件,比如下图的下拉菜单中每项都有一个鼠标悬停事件和鼠标悬出事件(onmouseover和onmouseout事件)不会的同学可以看看介绍这两个事件的一个小实例博客https://blog.csdn.net/q5706503/article/details/82843997效果很简单, 鼠标指到选项时背景色变成灰色,悬出时背景色再变白,...原创 2018-10-10 21:05:40 · 27476 阅读 · 3 评论 -
前端----addEventListener实现点击菜单外收起菜单功能
效果:点击按钮菜单出现: 点击菜单外则收起菜单:这里主要介绍怎么收起菜单, 打开菜单相信大家都会(给按钮添加单击事件) 点击菜单外收起菜单需要添加单击事件来控制菜单的display="none";达到隐藏效果但难就难在没有现成的事件判定点击发生在元素外我们需要用排除法控制,也就是监听所有的点击事件,...原创 2018-10-10 21:56:55 · 2151 阅读 · 0 评论 -
cookie简介
Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。Cookie 的作用就是用于解决 "如何记录客户端的用户信息":当用户访问 web 页面时,他的名字可以记录在 cookie 中。 在用户下一次访问该页面时,可以在 cookie 中读取用户访问记录。Cookie 以名/值对形式存储,如下所...原创 2018-10-10 23:19:13 · 452 阅读 · 0 评论 -
JSON的遍历(js)
今天在做前后端交互的时候需要把一个json中的数组以表格(table)的形式输出然后就出现了标题的问题,怎么遍历JSON对象 ,经过痛苦的纠结之后发现json对象是可以像数组一样使用下标遍历的!只不过json对象使用key值作为下标遍历的, 并且作为下标的key值是字符串形式var j={"id":"1","name":"博通","age":"16","other原创 2018-10-17 20:40:25 · 916 阅读 · 0 评论 -
js删除css某个属性值
先上结论:属性值不能删, 可以设置成默认值问题描述:做小项目的时候需要js触发条件时把一个有固定高度的div的height属性删掉也就是变成高度由子元素决定(height属性写在CSS)想到这有点蒙, 以前都是修改, 还没有删除过某个属性, 网上搜索了一些, 果然没有直接删除的方法 到这其实有点钻牛角尖, 再次分析问题, 我可以修改属性, 但不能直接删除设置的属性,...原创 2018-10-20 23:05:49 · 23249 阅读 · 1 评论 -
target、this、currentTarget区别
target、this、currentTarget三个关键词用在事件处理函数中,区别:target:触发事件的某个具体对象, 比如click事件就指的是实际点击的对象 currentTarget:绑定事件的对象,恒等于this,并不一定是实际触发者 通常情况下terget和currentTarget是一致的,我们只要使用terget即可,但有一种情况必须区分这三者的关系,那就是在父子嵌...原创 2018-10-14 23:24:43 · 401 阅读 · 0 评论 -
js事件机制----捕获与冒泡
先从事件绑定机制说起, 事件绑定机制通过绑定方法addEventListener()实现,语法格式如下:element.addEventListener(event, function, useCapture)参数值参数 描述 event 必须。字符串,指定事件名。注意: 不要使用 "on" 前缀。 例如,使用 "click" ,而不是使用 "onclick"。 提...原创 2018-10-14 22:29:40 · 1003 阅读 · 0 评论 -
前端----cookie的域:domain
cookie的域是用来限制哪些域名能来访问cookie的, 解决同一个主域下的访问问题domain是cookie的一个属性, 表示的是cookie所在的域,默认为请求的地址设置domain的格式如下:document.cookie = "username=nO0b; path=/; domain=baidu.com"这里的域名前可以不带点, 原因下边会介绍 作用域:规则是...原创 2018-10-14 15:26:47 · 6552 阅读 · 0 评论 -
JavaScript直接调用函数与call调用的区别
直接调用直接调用函数是最常见 最普通的方式,直接以函数附加的对象作为调用者, 在函数后括号内传入参数来调用函数例如:window.alert("测试代码");其中调用者如果是window可以省略, 即直接alert("测试代码");以call() 方法调用函数语法:call([thisObject[,arg1 [,arg2 [,...,argn]]]]);新同学看来好像...原创 2018-09-29 13:24:24 · 3992 阅读 · 1 评论 -
前端——HTML5 可以省略结束标签(script标签不能自闭合!)
本来是个非常基础的问题,之所以要写篇博客是因为今天发现<script>标签不能自闭合意思就是<script src="xxx" type="text/javascript"/>是不合法的必须写成<script src="xxx" type="text/javascript"></script>的形式否则js文件原创 2018-09-22 21:06:38 · 6580 阅读 · 1 评论 -
JavaScript----伪函数重载
首先,JS是不自带重载的,为什么说伪函数重载呢, 因为我们可以通过arguments.length来判断参数个数并提取参数,再加上判断语句就可以达到根据不同数量参数做不同处理的目的 假如你定义了函数只接受两个参数,但你仍然可以在调用的时候传递零或多个参数。这并不会报错。原因就在于函数的参数存放在一个数组中,而通过arguments对象,就可以访问到这个数组。所以,只需要...原创 2018-09-25 22:04:04 · 605 阅读 · 0 评论 -
JS中 for in 与 for of的区别
最直接的区别就是:for in遍历的是数组的索引(即键名),而for of遍历的是数组元素值。Array.prototype.method=function(){}var myArray=[1,2,4];myArray.name="数组";for (var index in myArray) console.log(myArray[index]); //0,1,...原创 2018-10-06 14:32:21 · 30910 阅读 · 1 评论 -
JS变量提升简介
该篇介绍什么是变量提升,写给像我一样的JS新手看的简单来说变量提升就是 JS会把var变量的声明自动提升到作用域的顶部,即使你不想这样一个例子: (局部变量与全局变量同名时 , 局部变量覆盖全局变量)var a="全局变量";function test(){ document.writeln(a); var a="局部变量"; document.write...原创 2018-10-06 17:21:45 · 403 阅读 · 0 评论 -
JavaScript----获取本地时间并格式化
获取JavaScript 的时间使用内置的Date函数完成var mydate = new Date();var time='现在的时间是:';time+=mydate.getYear()+"年"; //获取年份(2位)time+=( mydate.getMonth() + 1 )+"月"; //获取月份(0-11,0代表1月)time+=mydate.getDate()+"日"; ...原创 2018-10-13 21:01:08 · 2101 阅读 · 0 评论 -
js文件不生效
新手第一次用引入js经常不起作用 , 明明没有拼写错就是没作用,多半把<script>放在了head里,浏览器解析到<script>元素时会停止继续解析, 开始下载js脚本文件并执行,但问题是这时候浏览器没解析到body部分,dom操作获取不了元素 , 所以js执行了但没成功获取元素,修改失败了这时候就要用到defer属性推迟脚本执行script元素的def...原创 2018-10-07 21:02:41 · 5799 阅读 · 3 评论 -
前端----async异步执行脚本
在传统模式下, 浏览器会按照从上到下的方式解析HTML元素 ,解析到<script .../>一直到解析完成之前都不会解析处理<script .../>元素之后的内容假设某<script .../>导入的脚本文件非常耗时就会导致浏览器无法向下执行, 页面将长时间显示一片空白,这不是用户希望看到的效果,这时候就需要用到<script .../...原创 2018-10-07 21:50:29 · 586 阅读 · 0 评论 -
JS----箭头函数
箭头函数相当于其他语言的Lambda表达式或闭包语法, 是一种对普通函数的简化写法语法格式如下:(param1,param2,...,paramN)=> { statements }相当于如下函数:function (param1,param2,...,paramN) { statements ;}省略方式: 如果执行体只有一条return语句, 允许...原创 2018-10-07 22:22:09 · 1162 阅读 · 0 评论 -
JavaScript返回上一页几种方法
window.history.go(-1); //返回上一页window.history.back(); //返回上一页//如果要强行刷新的话就是:window.history.back();//刷新当前页 window.location.reload(); window.location.go(-1); //刷新上一页 ...原创 2018-11-07 00:51:06 · 212 阅读 · 0 评论