![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
javaScript
文章平均质量分 74
javaScript基础的一些应用
醉月听风
想一千次不如去做一次,华丽的跌倒胜过无谓的徘徊
展开
-
JS 的数据类型你了解多少?
数据类型在ES5的时候,我们认知的数据类型确实是6种:Number、String、Boolean、undefined、object、NullES6 中新增了一种Symbol:这种类型的对象永不相等,即使创建的时候传入相同的值,可以解决属性名冲突的问题谷歌67版本中还出现了一种bigInt:是指安全存储、操作大整数JavaScript 的数据类型最后都会在初始化之后放在不同的内存中,因此上面的数据类型大致可以分成两类来进行存储:1.基础类型存储在栈内存,被引用或拷贝时,...原创 2021-11-04 17:42:35 · 406 阅读 · 0 评论 -
JavaScript之变量
一、变量1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。如下:正确: mysum _mychar $numa1 错误: 6num //开头不能用数字 %sum //开头不能用除(_ $)外特殊符号,如(% + /等) sum+num //开头中间不...原创 2018-04-17 16:56:19 · 129 阅读 · 0 评论 -
JavaScript入门篇-常用对话框
一、函数如何定义一个函数?基本语法如下:function 函数名() { 函数代码; }说明: 1. function定义函数的关键字。 2. "函数名"你为函数取的名字。 3. "函数代码"替换为完成特定功能的代码二、JavaScript-输出内容(document.write)第一种:输出内容用""括起,直接输出""号内的内容。<script t...原创 2018-04-17 16:28:03 · 446 阅读 · 0 评论 -
JavaScript删除子节点的方法
JavaScript删除子节点的方法 HTML代码如下:js部分: function del1(odj){ var tr=odj.parentNode.parentNode; //找到正点击a标签的祖节点tr tr.parentNode.removeChild(tr); //删除该tr节点 }HTML部分: <a href="jav...原创 2018-05-09 16:10:34 · 4686 阅读 · 0 评论 -
多个Promise异步方法的同步调用
创建多个异步方法: var fun1 = function () { return new Promise((resolve, reject) => { setTimeout(() => { resolve(1); }, 1000); }) } var fun2 = function (num) {原创 2020-11-17 20:03:09 · 1906 阅读 · 1 评论 -
javascript的基础知识(二)
谈谈你对This对象的理解?在全局函数中,this等于window,当函数被作为某个对象的方法调用时,this等于那个对象,匿名函数的执行环境具有全局性,因此this通常指向window在构造函数中this指向实例化对象如何阻止事件冒泡?.event.stopPropagation()document.ready和onload的区别?window.onload必须等到页面内包括图片...原创 2020-02-15 18:19:45 · 107 阅读 · 0 评论 -
javascript的AJAX常用知识
Ajax的原理,最大的特点是什么?如何解决跨域问题?优缺点是什么?ajax原理:简单来说是XmlHttpRequest对象来向服务器发异步请求,从服务器获得数据,跨域问题:1.服务器在请求页面上使用Access-Control-Allow-Origin标头2.使用jsonp,作用是设置服务器获取回调函数名称参数的下标参数优点:1.页面无刷新,在页面内与服务器通信,给用户的体验非常好...原创 2020-02-15 17:48:37 · 121 阅读 · 0 评论 -
js设置、获取缓存方式
设置缓存Web 存储 API 提供了 sessionStorage (会话存储) 和 localStorage(本地存储)两个存储对象来对网页的数据进行添加、删除、修改、查询操作 localStorage 用于长久保存整个网站的数据,保存的数据没有过期时间,直到手动去除。 sessionStorage 用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数...原创 2019-11-18 18:16:22 · 6171 阅读 · 0 评论 -
JS实现类似百度输入提示文字
html部分 <section class="box"> <div class="box-img"> <svg class="icon" aria-hidden="true"> <use xlink:href="#icon-baidu"></use> ...原创 2019-11-05 18:11:36 · 411 阅读 · 0 评论 -
利用闭包在for循环中获取到每次循环的变量
this.boxfun=function(){ for(let i=0;i< this.setdomobj.length;i++) { s=this.setdomobj[i]; r=this.setdomobj[i].getAttribute(this.getbut...原创 2019-10-29 16:19:58 · 733 阅读 · 0 评论 -
js构造函数创建轮播图
html部分<div class="loopbox"> <div id="box" class="box"> <div class="box-item"><img src="img/1.webp"></div> <div class="box-item">...原创 2019-10-28 18:28:00 · 403 阅读 · 0 评论 -
js实现鼠标动画事件
基本原理:创建div 当鼠标选中不同的菜单选项时,给li添加一个类名以获取当前选择的li标签的宽度和该元素离ul的距离,再设置给该div;其中js用到:obj.offsetLeft:obj对象与相对于父对象的左边距obj.offsetWidth:obj对象的盒子宽度html结构 <div class="head" id="headimg"> <...原创 2019-10-26 17:08:06 · 1733 阅读 · 0 评论 -
JS构造函数初步理解
在 JavaScript 中,用new关键字来调用的函数,称为构造函数在创建构造函数时,规范函数名首字母大写通过this来给对象添加属性和方法function Encapsulation(width, height, background) { //传值 this.width = width; this.he...原创 2019-09-21 18:14:25 · 130 阅读 · 0 评论 -
JS实现转盘抽奖
html部分:一个转盘,一张旋转图片一张指针图片:<div class="box"> <img src="img/turntable2.png" alt="抽奖" id="boxx"> <div class="boxchild"><img src="img/pointer.png"></div> ...原创 2019-09-20 17:37:39 · 483 阅读 · 1 评论 -
JS实现一个时钟
html布局:时钟分针秒针和中心的圆点,表盘数字 <div id="warp"> <ul id="scale"> <li>1</li> <li>2</li> <li>3</li> ...原创 2019-09-19 18:52:07 · 606 阅读 · 1 评论 -
JS实现简单的轮播图
html代码部分:<div class="box"> <div id="box2"> <div class="chat"> <img src="img/chat1.jpg"></div> <div class="chat"> <img src="img...原创 2019-09-19 18:36:48 · 172 阅读 · 0 评论 -
JavaScript实现简单的计算器
使用grid布局,实现简单的计算器功能html部分<div class="calculatora"> <div class="output" id="outputs"></div> <div class="input"> <div class="input-top"> ...原创 2019-09-18 18:06:26 · 183 阅读 · 0 评论 -
JavaScript中遇到选中的多选框删除不完全的解决办法
在删除多选框的时候使用 document.getElementById("batdelbtn").addEventListener("click",function(){ var checks = document.getElementsByName("newsid"); for(var i = 0; i < checks.length;...原创 2019-09-17 18:20:25 · 423 阅读 · 0 评论 -
学习JavaScript递归函数
//通过id获取根父级的名字function idgetparentname(json, id) { //for遍历对象数组 for (var i in json) { //如果对象的id等于当前输入id if (json[i].id == id) { //获取对象的父级id var ces = json...原创 2019-09-11 15:57:00 · 243 阅读 · 0 评论