03 2020 档案
摘要：元素节点原有的属性：id class title style dir等等 <!DOCTYPE html> <html> <head> </head> <body> <div id="box" name="bird" title="其不知道啊" a="world"> </div> <script> v
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <script> // toFixed方法 // 1.作用：对数据进行小数位数的保留 // 2.格式：数据.toFixed(小数位数) // 3.返回值：返回值是字
阅读全文
摘要：<!DOCTYPE html> <html> <head> </head> <body> <div id = "box" name = "bird"> </div> <script> // 获取属性节点的方式：利用元素节点的attribute属性来获取到所有的属性节点，使用下标获取某个属性节点 va
阅读全文
摘要：innerHTML innerText属性（在设置的时候，innerhtml可以解析标签，可是innerText不可以解析标签） value属性（适用于表单元素） <!DOCTYPE html> <html> <head> </head> <body> <div id="box2"> <p>这里是一
阅读全文
摘要：<html> <head> </head> <body> <script> //1 通过标签的id属性获取元素 document.getElementsById(参数) // 注意： // 1)参数不需要加# // 2）id值相同时只能获取第一个 // 3）参数区分大小写 // 2 通过标签名来获取
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8";> </head> <body> <div>我是第一个</div> <div>我是第2个</div> <div>我是第3个</div> <div>我是第4个</div> <div>我是第5个</d
阅读全文
摘要：<div type="checkbox" id="box" name="habbit">这里是id为box的块里面的内容</div> <!--这个注释节点可以被拿到吗--> // 注意：所有节点的typeof都是object 元素节点： var obj = document.querySelecto
阅读全文
摘要：变量的分类：局部变量，全局变量 1，全局变量：定义在函数外部的变量被称为全局变量 2，局部变量：定义在函数内部的变量被称为局部变量 3，区别 a，全局变量可以在整个文档里面使用 b，局部变量只能在定义他的函数内部使用 c，函数内部的形参也是局部变量，也只能在函数内部使用 d，如果局部变量和全局变量同
阅读全文
摘要：replace方法：替换字符串中的字符； split方法：将字符串转换为数组； 格式：字符串.split（'分隔符'） 分隔符说明： 如果不写参数，就会将整个字符串作为一个数组元素进行转换； 如果写参数，那么参数的两侧会转换为数组元素； 如果要使字符串中的每一个字符都作为一个数组元素，那么分隔符可以
阅读全文
摘要：var obj = { a:1, b:2, c:4, d:6, }; for 利用Object.keys方法获取对象的所有属性，格式为object.keys(对象名称);返回一个对象属性名的数组 eg， var keys = Object.keys(obj); console.log(keys);
阅读全文
摘要：eg：var str = "age" console.log(obj.str);在这里要注意点语法后面不要加变量，因为他会把变量当做属性名称,应该像下面这样写 console.log(obj[str]; 注意:如果对象的键包含特殊符号，创建这个属性时要用“”包起来；同时调用时要用[]不可以用. eg
阅读全文
摘要：对象种类 1.内置对象（本地对象）：Math对象，Number对象，Data对象，系统给我们提供好的我们拿过来用就对了。 2.宿主对象：dom（文档对象类型） bom（浏览器对象） 3.自定义对象：我们自定义和开发的对象 eg：创建一个人的对象（小茗同学： 属性：姓名，年龄，身高，性别， 功能：吃饭
阅读全文
摘要：值传递操作的是原始数据的副本。（将实参的值拷贝给函数或方法，在函数内对形参进行操作，操作的对象是实参的拷贝，对实参本身没有影响，在函数结束返回后，形参被丢弃释放，实参的内容不会被改变） 地址传递操作的是实参。（函数内对形参进行操作，等同于对实参进行相同的操作，在函数调用结束返回后，形参被释放，实参的
阅读全文
摘要：<canvas>是一个可以使用脚本（通常为javascript）来绘制图形的HTML元素。例如，他可以用于绘制图表，制作图片构图或者制作简单的（以及不那么简单的）动画。 如今，所有的主流浏览器都支持他。
阅读全文
摘要：数据类型转换为布尔值，除了0，NaN，空字符串，underfined，null为false，其他的都是true
阅读全文
摘要：Unicode可以用不同的字符集来实现，最常用的编码是UTF-8 和UTF-16。 （html4支持UTF-8，HTML5同时支持UTF-8 和UTF-16） Unicode标准涵盖了（几乎）世界上的所有的字符，标点和符号。 html5中的默认字符编码是UTF-8(UTF-8向后兼容ASCII，UT
阅读全文
摘要：rgba（）和opacity都能实现透明效果，但最大的不同是opacity作用于元素，以及元素内的所有内容的透明度； 而rgba（）只作用于元素的颜色或者背景色。（设置rgba透明的子元素不会继承透明效果）
阅读全文
摘要：map（）方法返回一个新的数组，数组中的元素为原始数组元素调用函数处理后的值。
阅读全文
摘要：注意这个例子var obj = {}; obj.toString(); //"{object object}"上面的例子中，我们声明了一个空对象，并没有为他添加toString属性方法，但是这个方法却可以被成功的调用并输出。原因在于javascript的对象都有一个内置的[[Prototype]]私
阅读全文
摘要：instance（名词：实例；情况；建议；动词：举例） instanceof是java的一个二元操作符，类似于==,<,> 在javascript中用这样一个例子来解释 <script>var i = "博客园";document.write(instanceof String);</script>
阅读全文
摘要：href标识超文本引用，href是Hypertext Reference 的缩写，指向网络资源所在的位置，建立和当前元素（锚点）或当前文档（链接之间的链接）（百科：超文本是超级文本的缩写。超文本链接可以用于各种效果。超链接可以用在目录和主题列表中。浏览者可以在浏览器屏幕上单击鼠标或在键盘上按下按键，
阅读全文
摘要：（百科：action的定义：~属性规定当提交表单时，向何处发送表单数据） eg，<form action="demo_form.html"> 上例中，~规定提交表单时发送表单数据到名为“demo_form.html”
阅读全文
摘要：outline：none，是什么意思呢 outline-style属性用于设置整个轮廓的样式。样式不能是none，否则轮廓不会出现。 outline（轮廓）是绘制于元素周围的一条线，位于边框边缘的外围，可以起到突出元素的作用。outline属性设置元素周围的轮廓线。 （请始终在outline-col
阅读全文
摘要：他们是css预处理器。他是css上的一种抽象层。它们是一种特殊的语法/语言编译成css。 例如less是一种动态样式语言，将css赋予了动态语言的特性，如变量，继承，运算，函数。less既可以在客户端上面运行（支持ie6+，webkit，firefox），也可以在服务器端运行（借助node.js）
阅读全文
摘要：px和em都是长度单位，区别是，px值是固定的，指定多少就是多少，计算比较容易。em的值不是固定的，并且em会继承父级元素的字体大小。 浏览器的默认字体高都是16px。所以未经调整的浏览器都符合1em = 16px。那么12px = 0.75em，10px = 0.625em。
阅读全文
摘要：垂直方向：line-height 水平方向：letter-spacing
阅读全文
摘要：文本垂直居中的方式：line-height设置成height值 将父元素显示方式设置为表格，display：table-cell，同时设置vertical-align：middle 使用flex布局，设置为align-item：center 绝对位置中bottom：0，top：0，并设置margin
阅读全文
摘要：使用flex-box布局（要注意flex在ie9以下是用不了的） eg，父元素{ justfy-content：center，align-item：center；display：flex；} 对于已知宽高的元素，可以父元素：position：relative； 子元素：position：absolu
阅读全文
摘要：元素为行内元素，设置父元素text-align：center； 如果元素宽度固定，可以设置左右margin为auto； 如果元素为绝对定位，设置父元素position为relative，元素设置为left：0；right：0；并设置margin：auto； 使用flex-box布局，是定justif
阅读全文
摘要：当DOM（文档对象模型）已经加载，并且页面（包括图像）已经完全呈现时，会发生ready事件。 由于该事件在文档就绪后发生，因此把所有的其他的jquery事件和函数，至于该事件中是非常好的做法。正如上面的例子： $(document).ready(function(){ $(".btn1"）.clic
阅读全文
摘要：（slide：滑行的意思） slideToggle（）方法，通过使用滑动效果（高度变化）来切换元素的可见状态。 如果被选元素是可见的，则隐藏这些元素，如果被选元素是隐藏的，则显示这些元素。
阅读全文
摘要：toggleClass()对设置和移除备选元素的一个或者多个类进行切换。 该方法检查每个元素中指定的类，如果不存在就添加类，如果已经设置就删除之。这就是所谓的切换效果。 不过，通过使用“switch” 参数，您能够规定只删除或者只添加类。
阅读全文
