![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 80
懒得一批s
这个作者很懒,什么都没留下…
展开
-
三种动态创建元素节点的区别(附带效率超高的innerHTML)以及 DOM总结
昨天搞了一个动态创建表格的例子 今天先来说 三种动态创建元素的区别三种方法分别是document.write() 较为冷门 基本不用 仅作了解用法 document.write()document.write() 是直接将内容写入页面的的内容流 但是当文档流执行完毕,再次=执行它会导致页面全部重绘 <button> 按钮 </button&g...原创 2019-11-24 16:47:45 · 1004 阅读 · 1 评论 -
节点操作 (中)带例子(动态生产表格) 超详细 删除节点、复制节点(克隆节点)、
节点操作删除节点格式:node,removeChild(child)node.removecChild()方法从DOM中删除一个子节点,返回删除的节点。例子<body> <ul> <li> 别删我啊 </li> <li> 啊...原创 2019-11-24 01:19:20 · 299 阅读 · 0 评论 -
节点操作 (上) 详细 带例子 子级节点、父级节点、兄弟节点(相邻节点)、创建节点、添加节点
1.为什么要用节点操作在之前的博客中 我们有说过其他的获取元素的方法但是很麻烦只能一个一个的取而且逻辑性不强原创 2019-11-22 22:31:32 · 1533 阅读 · 0 评论 -
操作元素之自定义属性(有H5的自定义属性)
自定义属性的操作1.获取属性值之前我们学过一个element.属性现在再来一个新的element.getAttribute(‘属性’);两者的区别element.属性 获取内置属性值(元素本身自带的属性)element.getAttribute(‘属性’); 主要获得自定义的属性 (标准)(ps:我们自己定义的属性)2.自定义(设置)属性值 自定义属性目的:...原创 2019-11-21 23:28:38 · 785 阅读 · 0 评论 -
操作元素排他算法以及三个实用的例子
操作元素排他算法如果有同一组元素,我们想要某一个元素实现某种样式 ,需要用到循环的排他思想算法:1.所有元素全部清除样式(干掉其他人)2.给当前元素设置样式( 留下我自己)3.注意顺序不能颠倒,首先干掉其他人,再设置自己例子点击按钮 按钮背景颜色改变 再次点击其他的 再次改变 并且之前点击的按钮变回原来的颜色 var btns = document.getElementsByTag...原创 2019-11-21 20:47:49 · 825 阅读 · 0 评论 -
JavaScript DOM事件 和操作元素(附带超详细栗子)
事件概述 JavaScript可以写动态页面,而事件就是可以被JavaScript侦测到行为。比如点击啦 悬停啦 等等 很多很多。简单来说事件就是 触发——响应机制 接下来都是一些事件中的基础所以是 事件基础事件三要素1.事件源 被触发的对象 比如我们在网页中加了一个按钮 点击按钮 事件触发 这个按钮就是事件源2.事件类型 是如何触发的。例如点击 鼠标悬停等等3.事件处理程序...原创 2019-11-19 22:54:00 · 208 阅读 · 0 评论 -
JavaScript DOM获取元素
API 和Web API1.API API ( Application Programming Interface,应用程序编程接口)是一些预先定 义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。 API是给程序员提供的-种工具,以便能更轻松的实现想要完成的功能。2.Web API Web API是浏览器提供的一...原创 2019-11-18 22:45:29 · 245 阅读 · 0 评论 -
JavaScript 内置字符串操作方法 &&和 简单类型与复杂类型
字符串操作方法1.concat(str1,str2.str3…) 用于连接两个或多个字符串。拼接字符串,等效于+,+更常用2.substr(start,length) 从start位置开始(索引号),length取的个数 重点3.slice(start,end) 从 start开始,截取到end位置,end取不到(两者皆为索引号)4...原创 2019-11-18 00:02:19 · 245 阅读 · 0 评论 -
JavaScript 内置对象字符串变量
数组排序1.翻转数组数组名.reverse();例子//翻转数组 var arr =[2,6,'要用魔法打败魔法',5] arr.reverse(); console.log(arr);如图2.冒泡排序数组名.sort();数组名.sort(function(a,b)){return a-b; 升序re...原创 2019-11-17 00:27:06 · 318 阅读 · 0 评论 -
JavaScript 内置数值对象
今天先写昨天最后留下的时分秒格式化var date = new Date(); console.log(date.getHours()); //时间 没有填写值就会显示当前时间 console.log(date.getMinutes());//分钟 console.log(date.getSeconds());//秒...原创 2019-11-15 23:50:50 · 88 阅读 · 0 评论 -
JavaScript 内置对象
首先 在开头 我先把昨天的再给补上两点 (lll¬ω¬)new 关键字执行过程 第一步 new 构造函数 可以在内存中创建一个空的对象 也就是说只要用一次 new就会占用内存 第二步 this 就会指向刚刚创建的空对象 第三步 执行构造函数中的代码 给空对象添加属性和方法 第四步 返回对象遍历对象for in 遍历对象语法格式for(变量 ...原创 2019-11-14 23:36:09 · 227 阅读 · 0 评论 -
JavaScript 构造函数对象
1.什么是对象 (这里并不是男女朋友的那个对象) 现实生活中:万物皆对象,对象是一个具体的事物 ,看得见摸得着的实物。例如,一本书、一辆汽车、 一个人可以是“对象”,一个数据库、一张网页, 一个与远程服务器的连接也可以是“对象”。 对象一定是一个具体的事物。在JavaScript中,对象是一组无序的相关属性和方法的集合,所有的事物都是对象,例如字符串、数值、数组、函数等。对象是由属性和方法...原创 2019-11-13 23:51:28 · 260 阅读 · 0 评论 -
JavaScript 作用域
JavaScript 作用域 作用域就是代码名字(变量)在某个范围内起作用和效果 目的是为了提高程序的可靠性 更重要的是减少命名冲突js作用域 (es6)之前分为两大类 1.全局作用域:整个script 标签 或者是一个单独的js文件(外部js) 2.局部作用域:在函数内部就是局部作用域 代码的名字只在函数内部其效果和作用 例如 function...原创 2019-11-12 23:23:48 · 193 阅读 · 1 评论 -
JavaScript 函数
函数 在JS里面,可能会定义非常多的相同代码或者功能相似的代码,这些代码可能需要大量重复使用。 虽然for循环语句也能实现-些简单的重复操作,但是比较具有局限性,此时我们就可以使用JS中的函数。 函数的概念 函数就是封装了一段可以被重复执行调用的代码块,目的就是让大量代码重复使用 声明函数 function 函数名 (){...原创 2019-11-12 01:14:52 · 274 阅读 · 0 评论 -
JavaScript 数组
数组概念 数组(Array)。 数组可以把一组相关的数据一 起存放,并提供方便的访问(获取)方式。 数组是指一组数据的集合,其中的每个数据被称作元索,在数组中可以存放任意类型的元素。 数组是一种将一组数据存储在单个变量名下的优雅方式。创建数组的两种方法 1.利用 new 创建数组 var 数组名 = naw Array(); ...原创 2019-11-11 00:54:24 · 130 阅读 · 0 评论 -
JavaScript while、do while循环 和continue break
昨天我发了一下 JavaScript 三种循环中的for循环今天我们来说剩下的两个循环 while 及 do while以及两种关键字 break 和continue ???? while 循环 while 和for 循环结构相似 语法如下while(条件表达式){ 循环体; } 执行过程 当条件表达式为真 执行...原创 2019-11-09 20:37:46 · 660 阅读 · 0 评论 -
JavaScript流程控制 -分支
流程控制 在一个程序执行的过程中,名条代码的执行顺序对程序的结果是有 直接影响的。 很多时候我们要通过控制代码的执行顺序来实现我们要完成的功能。 简单理解:流程控制就是来控制我们的代码按照什么结构顺序来执行 流程控制主要有三种结构,分别是顺序结构、分支结构和循环结构, 这三种结构代表三种代码执行的顺序。 1.顺序结构是程序中最简单、最基本的流程控制, ...原创 2019-11-07 22:35:31 · 239 阅读 · 0 评论 -
JavaScript运算符
运算符(operator) 也被称为操作符,是用于实现赋值比较和执行算数等功能的符号1.算数运算符 他是用于执行两个变量或值的算数运算+加 -减 *乘 /除 %取余%取余可以分辨出 某个数是不是可以整除取余值为0就可以被整除浮点数运算会有问题 因此浮点数不能直接运算 和 比较2.表达式 和返回值表达式:是由数字、运算符、变量等以能求得数值的有意义排列方法所得的组合简单理解:...原创 2019-11-06 17:04:26 · 158 阅读 · 0 评论 -
Javascript变量及简单数据类型
一.变量 变量就是一个容器 变量是用于存放数据的容器。我们通过变量名获取数据,甚至修改数据 变量是在内存中存放数据的 变量 有一个存放数据的 内存空间 还有一个变量名二.变量的使用 使用变量时分两步 1. 声明变量 2.赋值 1.声明变量 var 变量名称 例如 var test; //声明一个名为test的变量 var 是...原创 2019-11-06 01:05:12 · 125 阅读 · 0 评论 -
JavaScript概述及基本语句、语法
1.Javascript概述 1、什么是JS JS是一种运行于JS解释器/引擎中的解释型脚本语言 编译型语言:程序在运行前会进行编译 解释型语言:运行之前不会编译,直接执行,出错则停止 JS解释器/引擎:是JS脚本的运行环境 1、独立安装的JS解释器(NodeJS) 2、嵌入在浏览器内核中的JS解释器 PC,平板,手机,电视 … 全部都...原创 2019-11-04 23:35:16 · 141 阅读 · 0 评论