1.数组元素childNodes[0]有更直观易读的优点,这边在介绍一个有同样功能的属性,且更加语义化-------->firstChild属性 假设我们需要目标元素节点下的所有子元素中的第一个子元素我们可以这样做...目标元素节点下的子元素节点数组[目标元素节点下的子元素节点数组.length-1] 目标元素节点.childNodes[目标元素节点.childNodes.length-1]=目标元素节点.lastChild; 从上面的描述中,...属性 作用:如果我们想改变一个文本节点的值,那就是用DOM提供的nodeValue属性,它是用来得到(和设置)一个文本节点的值; 如下代码: hello...值是一个null值,而且最重要的是nodeValue属性是用来获取文本节点的值的。...); 学完nodeValue属性后我们能给我们的JS图片库加一个新的功能。
setTimeout与setTimeInterval均为window的函数,使用中顶层window一般都会省去,这两个函数经常稍不留神就使用错了。
今天我们要说的是结合ES6新特性谈一下js里面的一个很好用的方法-find() 现在的前端和过去的不一样,过去的前端只要会画页面就行了,但是现在仅仅会画页面已经远远不够了,现在前端还需要会处理数据,而且还要会将数据分析分类处理...下面我们讲怎么用前端处理这块的逻辑 首先我们拿到了所有的数据这里我直接放到一个测试用的js里面存放, 要实现之前说的效果,就需要使用我们今天的主角find()方法。 find()是用来做什么的呢?...find()方法返回数组中符合测试函数条件的第一个元素。否则返回undefined 在本文章需要注意的几个点: ①、第一个元素 ②、测试函数 那么如何使用呢?.../find_testcodes.js" type="text/javascript" charset="utf-8">
今天发现这么一个函数eval eval能够将传入的字符串当做js代码执行 例如处理json(请不要这样使用,正确的做法应该是使用JSON.parse(data)): let data = '{"nane...常用于攻击、侵入网站 因此我们要禁止的话,可以根据CSP文档: https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CSP 添加一个meta在页面的head中
* 代表现实中的某个事物, 是该事物在编程中的抽象 * 多个数据的集合体(封装体) * 用于保存多个数据的容器 2. 为什么要用对象? * 便于对多个数据进行统一管理 3.
Javascript大行其道的时候,怎么能少了我来凑凑热闹^_^ 基本上自己对于js的知识储备很少,先前有用过JQuery实现一些简单功能,要论起JS的前世今生,来龙去脉,我就一小白。...抱起一本《Javascript Dom编程艺术》,开始慢慢走近JS,与它套近乎,今天是第三天了,从目前来看,比较好相处。就此动笔,是一个回忆复习的过程,权当是自己的一份读书笔记。 ...通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。 ...提到了JS,就很难绕开一个概念DOM(Document Object Model 文档对象模型),个人对这Dom和JS的了解还不是很透彻。...我的理解Dom就是能够将HTML或XML这样的文档进行模型化,将一个文档转换为一个类似树状结构等如下图所示,以便于配合JS语言进行模型中(如HTML网页)元素的添加或移除等操作。
Js中==与=== JavaScript中提供==相等运算符与===严格相等运算符,建议是只要变量的数据类型能够确定,一律使用=== ==相等运算符 ==在判断相等时会进行隐式的类型转换, 其比较遵循一些原则
对象: xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); xmlhttp=new ActiveXObject("Msxml2.XMLHTTP") // JS...(3) HTML 页面显示 XML 数据 实例1:我们打开一个 XML 文件(“index.xml”),然后遍历每个 person元素,并显示HTML 表格中的name元素和age元素和addr元素的值...实例2: 从第一个 CD 元素中获取 XML 数据,然后在 id=”showCD” 的 HTML 元素中显示数据。...[0].nodeValue); company=(x[i].getElementsByTagName("COMPANY")[0].childNodes[0].nodeValue); price...DestAddressAction="SingleIP" DestNewIP="1.184.10.24" /> HTML展示以及JS
vue-cli 2.0的作法是在static文件下创建js。...vue-cli 3.0 的写法则是直接在public文件夹下创建js、 具体操作如下: 1、在public文件夹下创建config.js文件,里面文件的语法是es5,不允许使用浏览器不能兼容的es6语法...dataBaseId: config.networkGuard.accountDBID, params: config.networkGuard.countDBQry }) …… 个人错误记录: 在开发环境中,...开发过程中,没有出问题,但是在打包发布以后,发现修改config文件并不生效。 经过排查才意识到:不打包编译的js文件不识别es6语法,并且不应该使用import方法进行引入。...应该按照原生的js文件进行使用 到此这篇关于vue引入静态js文件的方法的文章就介绍到这了,更多相关vue引入静态js文件内容请搜索云海天教程以前的文章或继续浏览下面的相关文章希望大家以后多多支持云海天教程
DOCTYPE html> JS-节点属性 节点属性 在文档对象模型 (DOM) 中,每个节点都是一个对象。...文档节点的 nodeName 永远是 #document 二、nodeValue 属性:节点的值 1....元素节点的 nodeValue 是 undefined 或 null 2. 文本节点的 nodeValue 是文本自身 3....属性节点的 nodeValue 是属性的值 三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型: 元素类型 节点类型 !
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document...
JS中的钩子(hook)的例子 JS中的钩子(hook)的例子1: 例如我们在向后台进行ajax请求的时候,后台经常会返回我们一些常见的错误码,如:001代表用户不存在,002代表用户密码输入错误。
Js中String对象 String全局对象是一个用于字符串或一个字符序列的构造函数。...描述 创建一个字符串可以通过字面量的方式,通过字面量创建的字符串变量在调用方法的时候能够自动转化为临时的包装对象,从而能够调用其构造函数的原型中的方法,也可以利用String对象生成字符串对象,此外在ES6...事实上,Js中基本数据类型的值不可变,基本类型的值一旦创建就不能被改变,所有操作只能返回一个新的值而不能去改变旧的值。...String.prototype.includes() str.includes(searchString[, position]) includes()方法用于判断一个字符串是否包含在另一个字符串中,...根据情况返回true或false,参数searchString是要在此字符串中搜索的字符串,position可选,是从当前字符串的哪个索引位置开始搜寻子字符串,默认值为0。
Js中Symbol对象 ES6引入了一种新的基本数据类型Symbol,表示独一无二的值,最大的用法是用来定义对象的唯一属性名,Symbol()函数会返回symbol类型的值,该类型具有静态属性和静态方法...symbol类型的键存在于各种内置的JavaScript对象中,同样自定义类也可以这样创建私有成员。...Symbol.search: 返回一个字符串中与正则表达式相匹配的索引的方法,被String.prototype.search()使用。...和Symbol()不同的是,用Symbol.for()方法创建的的symbol会被放入一个全局symbol注册表中。...key: 一个字符串,作为symbol注册表中与某symbol关联的键,同时也会作为该symbol的描述。
js 的class 由于存在转换器这种神器,所以代码能直接转换为es5,用es6的语法写。 一些解释 js的class仅仅为一个语法糖,是在原先构造函数的基础上出现的class,仅仅如此。...Rectangle = class { constructor(height, width) { this.height = height; this.width = width; } } 在类表达式中,...const p1 = new Point(5,5); const p2 = new Point(10,10); console.log(Point.distance(p1,p2)); 关于严格模式 由于js...extends 使用extends创建子类 class Animal { constructor(name) { this.name = name; } speak() { // 由于是在类中定义
day03_js学习笔记_03_js的事件、js的BOM、js的DOM =================================================================...学习笔记_03_js的事件、js的BOM、js的DOM -------------------------------------------------------------------------...---- 一、js的简介 二、js的基本语法 三、js的内建对象 四、js的函数(相当于java中的方法) ----------------------------------------------...URL forward() 加载 history 列表中的下一个 URL go() 加载 history 列表中的某个具体页面...); // 明天休息 // 测试nodeValue是一个读写属性 alert(textNode.nodeValue); // 明天休息
Js中的变量: 1:如果在var中没有初始化变量的值,则默认为undefined. 2:可以不用var来申明一个变量,但是在过程级中申明一个变量时,就必须用var. ...var currentCount 5: 在 JScript 中 null 和 undefined 的主要区别是 null 的操作象数字 0, 而 undefined 的操作象特殊值NaN (不是一个数字...js中的数据类型 1:Jscript 有三种主要数据类型、两种复合数据类型和两种特殊数据类型 主要(基本)数据类型是: 字符串 数值 布尔 复合(引用)数据类型是: 对象 数组 特殊数据类型是...: Null Undefined 2:测试是否已经声明变量 x : if (typeof(x) == "undefined") // 作某些操作 js中的内置对象 1:Jscript
Js中Array对象 JavaScript的Array对象是用于构造数组的全局对象,数组是类似于列表的高阶对象。 描述 在JavaScript中通常可以使用Array构造器与字面量的方式创建数组。...在Js中使用Array构造器创建出的存在空位的问题,默认并不会以undefined填充,而是以empty作为值,需要注意的是,空位并不是undefined,undefined表示的是没有定义,但是本身undefined...此外如果将数组中索引设置为-1或者字符串等,数组的length不会发生改变,此时数组中的这些索引将作为对象的属性处理,实际上数组就是可以按照索引值来排序的数据集合,是一种特殊的对象。...findIndex()方法返回数组中满足提供的测试函数的第一个元素的索引,否则返回-1。...toLocaleString()返回一个字符串表示数组中的元素。数组中的元素将使用各自的 toLocaleString方法转成字符串,这些字符串将使用一个特定语言环境的字符串隔开。
Js中Number对象 JavaScript的Number对象是经过封装从而能够处理数字值的对象,Number对象由Number()构造器以及字面量声明的值在转化为包装对象时创建,JavaScript的...描述 创建一个数字可以通过字面量的方式,通过字面量创建的数字变量在调用方法的时候能够自动转化为临时的包装对象,从而能够调用其构造函数的原型中的方法,也可以利用Number对象生成数值对象,,JavaScript...作为对比,2^53就不是一个安全整数,它能够使用IEEE-754表示,但是2^53 + 1不能使用IEEE-754直接表示,在就近舍入round-to-nearest和向零舍入中,会被舍入为 2^53。...) Number.parseFloat()方法可以把一个字符串解析成浮点数,如果无法被解析成浮点数,则返回NaN,该方法与全局的parseFloat()函数相同,并且处于ECMAScript 6规范中,...在旧的实现中,会忽略locales和options参数,使用的语言环境和返回的字符串的形式完全取决于实现方式。
Js中的堆栈 堆heap是动态分配的内存,大小不定也不会自动释放,栈stack为自动分配的内存空间,在代码执行过程中自动释放。...栈区 在栈内存中提供一个供Js代码执行的环境,关于作用域以及函数的调用都是栈内存中执行的。...Js中基本数据类型String、Number、Boolean、Null、Undefined、Symbol,占用空间小且大小固定,值直接保存在栈内存中,是按值访问,对于Object引用类型,其指针放置于栈内存中...,在栈内存中存储对象的指针,对于对象的访问是按引用访问的,在堆区的内存不会随着程序的运行而自动释放,这就需要实现垃圾回收机制GC,需要注意的是在Js中没有类似于C中的free()函数去手动释放内存,对于堆区内存回收全部需要通过...,从而决定是否需要进行内存回收,在Js中主要有引用计数与标记清除两种垃圾回收算法。
领取专属 10元无门槛券
手把手带您无忧上云