![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
Yhaomin
这个作者很懒,什么都没留下…
展开
-
ES6中的类
关于类/class类是一种对象的模板,ES6 的class可以看作只是一个语法糖,它的绝大部分功能,ES5 都可以做到,新的class写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。特点:面向对象,具备属性与方法写法:ES5原型写法:// ES5写法 // 构造函数=》创建属性 function Person(name,age){ this.name=name; this.age=age; /* this.showName=function(){原创 2021-11-12 19:04:38 · 1873 阅读 · 0 评论 -
ES6数组新增功能
Array.fromArray.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 所谓类数组对象,最基本的要求就是具有length属性的对象要将一个类数组对象转换为一个真正的数组,必须具备以下条件:1、该类数组对象必须具有length属性,用于指定数组的长度。如果没有length属性,那么转换后的数组是一个空数组。2、该类数组对象的属性名必须为数值型或字符串型的数字 该类数组对象的属性名可以加引号,也可以不加引号let json={ //类数组对象 0:'tom'原创 2021-10-19 16:13:18 · 126 阅读 · 1 评论 -
jQuery选择器
一、基本选择器1、ID选择器:$("#id");选择一个具有给定id属性的单个元素2、class选择器:$(".class");选择给定样式类名的所有元素3、标签/元素选择器:$(“element”);根据给定(html)标记名称选择所有的元素4、通用选择器:$("*");匹配所有元素5、群组选择器:$(“selector1,selector2”)您可以指定任何数量的选择器组合成一个单一的结果。这个多个表达组合是一种有效的方法来选择不同的元素二、层次选择器1、descendant s原创 2021-07-06 11:24:07 · 95 阅读 · 3 评论 -
Ajax请求的五个步骤
Ajax请求的五个步骤一、定义1、什么是AjaxAjax:即异步 JavaScript 和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。而传统的网页(不使用 Ajax)如果需要更新内容,必需重载整个网页面。2、同步与异步的区别同步提交:当用户发送请求时,当前页面不可以使用,服务器响应页面到客户端,响应完成,用户才可以使用页面。异步提交:当用户发送请求时,当前页转载 2021-06-30 20:15:04 · 368 阅读 · 0 评论 -
Open——操作窗口
Open:弹出窗口1.最基本的弹出窗口代码:window.open(‘page.html’);2.经过设置后的弹出窗口:window.open(‘page.html’, ‘newwindow’, ‘height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no’)参数:window.open 弹出新窗口的命令;‘page.html’原创 2021-06-28 19:22:28 · 130 阅读 · 0 评论 -
事件冒泡与解决
事件流事件流主要分为冒泡型事件和捕获型事件。IE浏览器目前只支持冒泡型事件,而支持标准DOM的浏览器比如火狐、Chrome等两者都支持。事件冒泡是从下到上执行的(从小到大)。例如:点击一个按钮会把它的父级、上几级都给弹出来。解决方法 var oEvent=ev || window.even; //兼容IE alert("this is div1"); oEvent.cancelBubble=true;//IE oEvent.stopPropagation()原创 2021-06-07 15:28:16 · 112 阅读 · 0 评论 -
DOM方法
获取元素getElementById() 返回带有指定 ID 的元素getElementsByTagName() 返回指定标签名的元素getElementsByClassName() 返回指定类名的元素DOM节点appendChild() 把新的子节点添加到指定节点。 function add(){ var aObj=document.createElement("a"); aObj.href="http://sohu.com"; aObj.target="_blan原创 2021-05-26 19:20:27 · 96 阅读 · 1 评论 -
DOM的常规操作
DOM简称Document Objdct Medio(文档对象模型)DOM的常规操作一、操作属性1.href属性 <a href="http://souhu.com" title="souhu" id="link">搜狐</a> <script> window.onload=function(){ var linkObj=document.getElementById("link"); linkObj.innerHTML="百度";原创 2021-05-19 18:52:13 · 129 阅读 · 0 评论 -
倒计时——js
节日限时抢购倒计时 <style type="text/css"> b{color: #FF0000;} </style> <p align="center">距端午节6月12日12:00:00还有<b id="date"></b>天<b id="house"></b>小时<b id="minute"></b>分钟<b id="second"></b>秒&l原创 2021-05-18 18:49:43 · 71 阅读 · 0 评论 -
js去重
当前项和后面每一项比较1.indexOf 配合splice var arr = [1, 2, 3, 4, 2, 3] for (var i = 0; i < arr.length; i++) { var item = arr[i] console.log(item); //123423 var args = arr.slice(i + 1) // 去掉当前要比较的项,方便下一步indexOf进行判断 if (args.indexOf(item) >原创 2021-05-12 20:08:14 · 57 阅读 · 0 评论 -
js闭包的用途
我们来看看闭包的用途。事实上,通过使用闭包,我们可以做很多事情。比如模拟面向对象的代码风格;更优雅,更简洁的表达出代码;在某些方面提升代码的执行效率。1 匿名自执行函数我们知道所有的变量,如果不加上var关键字,则默认的会添加到全局对象的属性上去,这样的临时变量加入全局对象有很多坏处,比如:别的函数可能误用这些变量;造成全局对象过于庞大,影响访问速度(因为变量的取值是需要从原型链上遍历的)。除了每次使用变量都是用var关键字外,我们在实际情况下经常遇到这样一种情况,即有的函数只需要执行一次,其内部变转载 2021-05-07 20:12:43 · 327 阅读 · 1 评论 -
js随机函数(点名器)
随机数random() 返回 0 到 1 之间的随机数。案例(点名器) <div class="container"> <h2 align="center">点名器</h2> <form action="" method="" name="form"> <p><input type="text" name="username1" value=""> <input type="text" nam原创 2021-04-27 10:51:31 · 256 阅读 · 2 评论