JavaScript基础
关注
分享
扫一扫
文章平均质量分 69
JavaScript基础知识
失忆症患者_
从事前端开发工作，技术栈vue、uniapp、微信原生，希望和大家一起交流进步
展开
-
一篇文章带你了解 JSON.stringfy和JSON.parse 的用法
相信大家对于 JSON.stringify 和 JSON.parse 一定不陌生，我们在使用本地储存的时候经常使用（存：localstorage.setItem(“key”,JSON.stringify( obj ) 取： JSON.parse(localstorage.getItem(“key”))，下面让我们看看这个方法的其他参数用法。目录1.JSON.stringify 方法的第一个参数——将对象转原创 2022-05-26 10:32:28 · 864 阅读 · 0 评论 -
浏览器对javascript单线程的执行机制与Event loop执行模型
浏览器对javascript单线程的执行机制与Event loop执行模型原创 2022-01-26 11:33:24 · 1255 阅读 · 0 评论 -
js中对字符串处理的一些方法（join、split、subString、substr、slice、replace）
目录1.array.join(separator)2.stringObject.split(separator,times)3.stringObject.subString(start,end)4.stringObject.substr(start , length)5.stringObject.slice(start,end)1.array.join(separator)用途：将一个数组array中的元素以分隔符separator拼接，返回一个字符串；注意：separator参数非原创 2021-12-29 15:42:56 · 979 阅读 · 0 评论 -
javascript数组去重的几种方式
在javascript中数组去重的几种方式原创 2021-12-24 09:47:34 · 541 阅读 · 0 评论 -
JavaScript生成随机数
JavaScript生成随机数<script type="text/javascript"> //产生随机数 function getRandom(min,max){ var a=Math.floor((Math.random())*(max-1+min)+min) return a; } console.log(getRandom(1,10)) </script>原创 2020-10-08 19:52:09 · 223 阅读 · 0 评论 -
JavaScript事件监听、解绑
1. 事件监听元素.addEventListener(“事件绑定类型”,function(){})与.onclick等绑定事件的区别：给按钮添加监听事件，不涉及唯一性问题，里面事件类型必须是字符串，不加on案例体会：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body>原创 2020-10-10 14:00:08 · 843 阅读 · 0 评论 -
JavaScript基础操作——获取body html
获取 body 元素var getBody = document.body;控制台输出：获取 HTML 元素var getHtml = document.documentElement;控制台输出：原创 2020-10-09 10:22:03 · 1326 阅读 · 0 评论 -
JavaScript基础操作——利用arguments储存传过来的实参
函数内部的一个对象 arguments当函数调用的时候，系统会将所有传入的实参，依次存入这个数组对象<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <script type="text/javascript"> function getMax(){// 不原创 2020-10-09 14:25:53 · 379 阅读 · 0 评论 -
JavaScript时间戳实现倒计时
1.内置对象创建内置对象Date( )：var data= new Date()Date( )方法：new Date(); Date 对象自动使用当前的日期和时间作为其初始值。var myDate=new Date() ;返回当日的日期和时间如何使用 Date() 方法获得当日的日期。getTime(): getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。getDate()：方法可返回月份的某一天。dateObject 所指的月份中的某一天，使用本地时间。返回值是 1原创 2020-10-09 11:34:23 · 1406 阅读 · 0 评论 -
JavaScript基础操作——获取元素 id class
通过id的方式获取元素节点document.getElementById(“id_name”)<div id="shuzi">123456</div><script type="text/javascript"> //文档.得到元素的id var a = document.getElementById("shuzi") console.log(a) //返回元素对象,更好的查看里面的属性和方法 console.dir(a)&l.原创 2020-10-08 21:02:35 · 2931 阅读 · 0 评论 -
JavaScript基础操作——创建对象
三种创建对象的形式创建对象方法一var object ={ name: '张三', sex: '男', age: '18', sanHi: function(){ alert("hello") } } object.sanHi(); console.log(object['name']) console.log(object.name)创建对象方法二：通过new的方式var arr = new Object(); ar原创 2020-10-08 20:08:22 · 167 阅读 · 0 评论 -
javascript基础操作——数组操作
1.弹出的输入框: prompt(“提示信息” )<script type="text/javascript"> // 输入框 var a; a=prompt("请输入你的出生日期："); // 把字符型转换为数值型paesefloat/Number //这里有-可以不用类型转换 var b= 2020-parseInt(a); alert("您的年龄为："+b); console.log("在控制台输出") </script>原创 2020-10-08 17:11:12 · 1083 阅读 · 0 评论 -
JavaScript立即执行函数的两种方式
立即执行函数定义：不需要调用，直接执行；语法规则：(function(形参a){})(形参a)(function(形参a){}(实参a))案例演示：<script type="text/javascript"> //不需要调用，直接执行 //第一种形式 (function(){ console.log(2) })() (function(a,b){ console.log(a+b) })(1,2) //原创 2020-10-11 09:37:58 · 345 阅读 · 0 评论 -
JavaScript中DOM操作训练——数据的增删改查
题目概述：已知有一套JSON格式的人员数据表基于该表，实现网页方式的列表显示、计算年龄、重新加载等功能================================================环境支持：IE 7+ Firefox================================================技术范畴：JavaScript JSON DOM CSS================================================详细说明：原创 2020-10-18 19:00:42 · 757 阅读 · 0 评论 -
javascript事件流的三个阶段
dom 事件流 三个阶段JS 代码中只能执行捕获或者冒泡其中的一个阶段；onclick 和 attachEvent（ie） 只能得到冒泡阶段；捕获阶段： 如果addEventListener 第三个参数是 true 那么则处于捕获阶段 document -> html -> body -> father -> son；冒泡阶段 ：如果addEventListener 第三个参数是 false 或者 省略 那么则处于冒泡阶段 son -> father ->b原创 2020-10-10 15:24:44 · 1345 阅读 · 0 评论 -
JavaScript应用定时器实现倒计时
案例分享：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 手机号码：<input type="text" /> <button>获取短信验证码</button> <script type="text/javascript">原创 2020-10-10 15:57:52 · 214 阅读 · 0 评论 -
JavaScript本地储存：localStorage、sessionStorage、cookie
javaScript有三种数据存储方式，分别是：sessionStoragelocalStoragecookier1. sessionStoragesessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除；setItem(key,value) 设置数据getItem(key) 获取数据removeItem(key) 移除数据clear() 清除所有值<script> // 添加数据 window.sessionStorage.setIte原创 2020-10-11 10:44:01 · 6969 阅读 · 9 评论 -
JavaScript实现在两个页面中传递参数
传参页面.html<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="接收另一个界面参数.html"> 用户名：<input type="text" name="uname"/> <input type="su原创 2020-10-10 16:04:03 · 772 阅读 · 0 评论 -
JavaScript常见事件和方法
常见事件和方法常见事件对象的属性和方法： 1. e.target 返回的是触发事件的对象（元素） 2. this 返回的是绑定事件的对象（元素） 区别 ： e.target 点击了哪个元素，就返回哪个元素 ，this 哪个元素绑定了这个点击事件，那么就返回谁例如：<ul> <li>abc</li> <li>abc</li> <li>abc</li>原创 2020-10-10 11:10:10 · 278 阅读 · 0 评论 -
JavaScript——BOM操作：定时器
js 定时器有以下两个方法：setInterval() ：按照指定的周期（以毫秒计）来调用函数或计算表达式。方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。setTimeout() ：在指定的毫秒数后调用函数或计算表达式。setInterval()语法setInterval(code,millisec,lang)参数描述code必需。要调用的函数或要执行的代码串。millisec必须。周期性执行或调用 code 之间的时间间隔转载 2020-10-10 15:55:09 · 205 阅读 · 0 评论 -
JavaScript基础操作——对父节点、子节点、兄弟节点和自定义属性的操作
父节点操作：节点.parentNode<body> <div id="divv"> <span class="span"></span> </div> <script type="text/javascript"> var span = document.querySelector('.span') console.log(span.parentNode) </script> <.原创 2020-10-09 15:09:09 · 740 阅读 · 0 评论 -
JavaScript创建节点、插入节点、删除节点
转载 2020-10-09 16:04:48 · 322 阅读 · 0 评论 -
JavaScript基础操作——改变样式、属性、元素内容；
JavaScript对样式的操作使用 element.style 获得修改元素样式 如果样式比较少 或者 功能简单的情况下使用；例如：<style> div { width: 100px; height: 100px; background-color: pink; }</style><div class="first">文本</div> &原创 2020-10-09 11:01:52 · 555 阅读 · 7 评论 -
JavaScript基础操作——事件三要素
JavaScript事件三要素事件三要素：事件源 事件类型 事件处理程序；事件源：要触发的对象 （一般是名词，事件发起者，比如开关按钮）；事件类型：怎么触发这个事情 （一般是动词，触发事件，比如点击开关）；事件处理程序：发生了什么事情 （处理结果，比如灯亮了）；常见的事件执行事件的步骤：1.获取事件源2.为事件绑定3.添加事件处理程序（以函数赋值的方式）下面通过实际案例来体会：<body> <button id="btn">点击弹原创 2020-10-09 10:53:59 · 1337 阅读 · 0 评论