JS——事件详情（拖拽案例：onmousedown、onmousemove、onmouseup方法）
实现拖拽案例 效果如下图所示： 代码如下图所示： 代码思路说明： 第23行代码：在div元素中触发onmousedown事件，实现鼠标在div按下，不提起功能 【区别于oncl ...
花费 72 ms
JS——DOM操作（childNodes、nodeType和children区别与用法）
DOM中节点的类型 DOM中一共有12中类型。但是我们常用的只有几种。 首先我们了解下DOM中一般常见的节点类型有哪些？ 1、元素节点 DOM中的原子都是元素节点，比如<body> ...
JS——数组之sort排序的用法
sort排序 转载自：https://blog.csdn.net/idomyway/article/details/80544509 js中用方法sort()为数组排序。sort()方法有一 ...
JS——事件详情（默认行为、阻止默认行为的用法：return false等）
默认行为 1》默认行为 解释——也称作：默认事件。即不需要自己编写代码，浏览器自身所具备的一些功能 例如下图片所示： 在浏览器中单击右键，出现浏览器默认的菜单栏选项（这是最简单的默认行为） ...
JS——事件详解（Document对象、event对象、事件冒泡...）
（1）Document 对象 解释：每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 （Doc ...
JS——DOM操作（首尾子节点、兄弟节点【firstChild、previousSibling...】）
（一）首尾子节点： 【首】：firstChild、 firstElementChild 【尾】：lastChild、 lastElementChild （首尾两个子节点，有 ...
JS——事件详情（鼠标事件：clientX、clientY的用法）
鼠标位置 》可视区位置：clientX、clientY 跟着鼠标移动的div案例 代码如下图： 这个案例，运用到前一篇文章中的event事件来处理。获取div的left和top值，当鼠标 ...
JS——document.getElementsByClassName返回的是一个数组
转载自： https://www.cnblogs.com/shark1100913/p/6713327.html document.getElementsByCla ...
JS——DOM操作（className属性）
简单介绍className： className 属性：设置或返回元素的 class 属性 看下面一个简单的例子（给className设置样式变化案例），效果如下图： 代码如下： ...
JS——charAt() 方法
JavaScript 之 charAt() 方法 定义和用法： charAt() 方法可返回指定位置的字符。 第一个字符位置为 0, 第二个字符位置为 1,以此类推. 语法： ...