javascript中parentNode,childNodes,children的应用详解
"parentNode" 常用来获取某个元素的父节点. 把 parentNodes 理解为容器, 在容器中有个子节点 例: My text 在上面的代码中, 你看到把"爹"作为一个 div 容器, 该容器中有个"孩子", 就是粗体的文...
陆砚码
陆砚码
详谈javascript中DOM的基本属性
结构和内容属性 nodeType 所有的节点都有类型，节点总共有以下的12种类型。 复制代码 代码如下: interface Node { // NodeType const unsigned short ELEMENT_NODE =...
陆砚码
JavaScript中的offsetWidth、clientWidth、scrollWidth等一系列属性详解
目录 1. clientWidth 和 clientHeight(静态（只读）) 2. scrollWidth 和 scrollHeight(静态（只读）) 3. offsetWidth 和 offsetHeight(静态（只读）) ...
陆砚码
js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth (包括边线的宽);...
陆砚码
JS相册图片抖动放大展示效果的示例代码
上篇文章给大家介绍了JS实现简单抖动效果，感兴趣的朋友点击查看。 今天给大家分享JS相册图片抖动放大展示效果，效果图如下所示： var xm;var ym; /* ==== onmousemove event ==== */ docu...
陆砚码
js正则表达式常用方法梳理(附代码案例)
目录 1、常用的方法 2、元字符 3、边界符 4、限定符 5、特殊符 6、常用表达式 7、收获总结 8、代码案例 附：校验密码强度总结 1、常用的方法 RegExp:定义正则字面量。常用定义new RegExp(),或者//定义。 t...
陆砚码
javascript使用isNaN()函数判断变量是否为数字
javascript中判断变量是否为数字的方法，这里主要介绍javascript里的 isNaN() 函数。 功能： isNaN() 函数用于检查其参数是否是非数字值。 语法： isNaN(x) x 必需。要检测的值。 返回值： 如果...
陆砚码
基于JavaScript构建高级视频播放器
目录 html部分 css部分 JavaScript部分 效果展示 前言 在当今数字化的时代，视频内容在我们的日常生活中扮演着至关重要的角色。无论是在线教育、娱乐还是信息传播，一个能够满足用户需求的播放器都能极大地提升用户体验。 ht...
陆砚码
纯javascript实现分页(两种方法)
先给大家贴效果图： 网上确实有很多分页的插件以及开源代码，单本是一个后台开发猿，前台css等样式还驾驭不住，所以就开始自己去写了。其实这个分页原理很简单，就是用ajax往后台传值(当前页码)，后台使用limit进行分页。 因为这是我自...
陆砚码
在JavaScript中访问历史记录的多种方法
目录 引言 基本概念与History API的演进 示例一：基础导航与历史栈查询 示例二：使用pushState添加新历史条目 示例三：使用replaceState修改当前历史条目 示例四：处理popstate事件与状态恢复 示例五：...
陆砚码