阿乐のBlog

访问元素的样式通过JS修改元素的样式：  语法：元素.style.样式名=样式值 (样式值必须是字符串样式)  注意：如果css的样式汇总含有 - ，  这种名称在JS中是不合法的,比如background-color  需要将这种样式的命名修改为驼峰命名法去掉 - ，  然后将 - 后的字母大写。 12box.style.backgroundColor = "yellow"box.style.width = "100px" 我们通过style属性设置的样式都是内联样式，而内联样式有较高的优先级，所以通过JS修改的样式往往会立即显示。 但是如果在样式中写了！Important，则此时样式会有最高的优先级，即使通过js也不能覆盖该样式，此时将会导致js修改样式失效 所以尽量不要为样式添加！Important 通过JS读取内联的样式：  语法：元素.style.样式名  通过style属性设置 ...

动态脚本创建动态脚本有两种方式。 1、引入外部文件 1<script type="text/javascript" src="aqing.js" ></script> 2、直接插入JavaScript代码 12345678function loadScript(url) { var script = document.createElement("script"); script.type = "text/javascript"; script.src = url; document.body.appendChild(script);}loadScript("aqing.js"); 动态样式能够把CSS样式包含到HTML页面中的元素有两个。其中，<link>元素用于包含来自外部的文件，而<style>元素用于指定嵌入样式。与动态脚本类似。所谓动态样式是指在页面刚加载时不存在的样式；动态样 ...

DOM简介：通过 HTML DOM，JavaScript 能够访问和改变 HTML 文档的所有元素。 HTML DOM（文档对象模型）当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 HTML DOM 模型被结构化为对象树： 对象的 HTML DOM 树 通过这个对象模型，JavaScript 获得创建动态 HTML 的所有力量： JavaScript 能改变页面中的所有 HTML 元素 JavaScript 能改变页面中的所有 HTML 属性 JavaScript 能改变页面中的所有 CSS 样式 JavaScript 能删除已有的 HTML 元素和属性 JavaScript 能添加新的 HTML 元素和属性 JavaScript 能对页面中所有已有的 HTML 事件作出反应 JavaScript 能在页面中创建新的 HTML 事件 什么是 DOM？DOM 是一项 W3C (World Wide Web Consortium) 标准。 DOM 定义了访问文档的标准： “W3C 文档对象模型（DOM）是中立于平台和语言的接口， ...

闭包的几种概念理解： 能够访问另一个函数作用域的变量的函数。清晰的讲：闭包就是一个函数，这个函数能够访问其他函数的作用域中的变量。 闭包是一种保护私有变量的机制，在函数执行时形成私有的作用域，保护里面的私有变量不受外界干扰。直观的说就是形成一个不销毁的栈环境。 闭包是由函数以及创建该函数的词法环境组合而成。这个环境包含了这个闭包创建时所能访问的所有局部变量。 闭包是指有权访问另一个函数作用域中的变量的函数 能够读取其他函数内部变量的函数。或简单理解为定义在一个函数内部的函数，内部函数持有外部函数内变量的引用。 我们都知道，js的作用域分两种，全局和局部，基于我们所熟悉的作用域链相关知识，我们知道在js作用域环境中访问变量的权利是由内向外的，内部作用域可以获得当前作用域下的变量并且可以获得当前包含当前作用域的外层作用域下的变量，反之则不能，也就是说在外层作用域下无法获取内层作用域下的变量，同样在不同的函数作用域中也是不能相互访问彼此变量的，那么我们想在一个函数内部也有限权访问另一个函数内部的变量该怎么办呢？闭包就是用来解决这一需求的，闭包的本质就是在一个函数内部创建另一个函数。 ...

ES5中的继承一、 原型链继承 原型链继承的原理：直接让子类的原型对象指向父类实例，当子类实例找不到对应的属性和方法时，就会往它的原型对象，也就是父类实例上找，从而实现对父类的属性和方法的继承。 123456789101112131415161718// 父类function fat () { this.name = 'aqing'}// 父类上的原型方法fat.prototype.getName = function() { return this.name}// 子类function child () {}// 子类的原型对象方法指向父类 子类中找不到的属性方法就会向父类找child.prototype = new fat()// 不影响继承 顺便绑一下constructorchild.prototype.constructor = child// child实例就可以访问父类及其原型上的属性和方法了const Child = new child()Child.name // 'aqin ...