JavaScript
JS : Javascript 获取 textarea 元素的内容（值）
2024-08-13 •
在 JS : Javascript 中有时需要获取 <textarea> 元素的内容，本文将介绍如何在 JS : Javascript 中获取 <textarea> 元素的内容（值）。 JS 获取 <textarea> 元素的用户输入内容 // 假设 textarea 元素的 id 为 ta document . ge...
原生JS获取媒体查询设备 不同媒体设备执行不同语句
2024-06-24 •
在 Window 接口中提供了 matchMedia() 方法，它需要提供一个媒体查询字符串，并返回一个 MediaQueryList 对象。MediaQueryList 对象判断当前显示设备是否匹配特定的媒体查询字符串。 在本文中我们将介绍如何使用 JS 获取媒体设备，并针对不同的媒体设备执行不同的操作。 JS获取媒体设备接口的语法形式 mediaQueryList ...
Webpack 解决错误 Module not found: Error: Can't resolve '*' in
2024-04-17 •
在使用 webpack 打包 js 文件时，你可能会遇到如下错误中的一个或多个： Module not found: Error: Can 't resolve ' path ' in ' * ' Module not found: Error: Can' t resolve 'http'...
JS 404 跳转页面：用 HTML 倒计时自动跳转到主页
2024-04-16 •
在网站中用户访问不存在的页面会进入 404 页面，在 404 页面设置自动跳转到网站的主页是一种非常好的做法。 本文将介绍使用 JavaScript 在 404 页面自动跳转到网站主页页面，并使用 HTML 显式跳转倒计时。 JavaScript 实现倒计时自动跳转到主页页面有两种实现方式： 使用 JS 内置函数 setTimeout() 倒计时并实现自动跳转 使用 JS ...
原生 js移动节点的方法
2024-04-11 •
在 HTML 中你可能需要使用 js动态移动节点的方法，把 HTML DOM 节点移动到其他的位置。 本文将介绍使用原生 js移动节点的方法，实现 js节点移动。 移动节点js使用的HTML <!DOCTYPE html> < html lang = "en" > < head > ...
最简单：使用 Split.js 拖拽调整左右两侧 div 的宽度
2024-04-10 •
在 HTML 中有时可能需要实现拖拽div边框调整大小、左右拖拽div侧边栏调整区域大小、拖拽div调整大小的功能。使用 Split.js 可以非常简单的实现拖拽div边框调整大小、左右拖拽div侧边栏调整区域大小、拖拽div调整大小的功能。 本文将介绍如何使用 Split.js 拖拽调整左右两侧 div 的宽度。 页面中导入 Split.js 可以使用 CDN 导入 Split....
最全：原生 js 获取节点元素的方法
2024-04-01 •
在 JavaScript 有时你需要访问 HTML DOM 中的元素，那么就需要先使用 js获取元素，js中可以使用多种方法获取节点元素。 本文将介绍 js获取元素的多种方法。 js 使用 id 获取元素 1、使用的方法 document ： getElementById () 2、js 使用 id 获取元素的示例： < ht...
JavaScript 为多元素添加监听事件修改元素或属性
2024-02-20 •
本文介绍使用原生JavaScript （Vanilla JS）为多个元素添加事件监听器，添加或修改元素（element）或属性（class, id, rel, type等），为触发事件的元素添加和修改属性和元素。 Javascript为多元素添加事件监听器的步骤 ： 获取所有的元素 使用循环一次性添加事件监听器 获取元素 要为多个元素添加事件监听器，如要获取多个元...
Javascript 为元素添加事件监听器
2024-02-20 •
使用原生 Javascript（Vanilla JS）为元素添加事件监听器，需要使用 EventTarget.addEventListener() 函数。 EventTarget.addEventListener() 方法将指定的监听器注册到 EventTarget 上，当该对象触发指定的事件时，指定的回调函数就会被执行。 EventTarget 可以是一个文档上的元素 El...
JavaScript 为 HTML 元素删除 CSS
2024-02-20 •
JavaScript 可以使用 HTML DOM Element 为 HTML Element 删除 CSS class， Javascript删除CSS样式可以使用 Element 的 classList 和 className 两个属性实现。 JavaScript删除CSS样式使用 Element.classList 和 Element.className 的区别：...