JavaScript实用代码合集：40个直接可用的功能

"这篇文章是JquerySchool网站整理的40个可以直接使用的JavaScript实用功能代码，旨在帮助开发者减少工作量，提高开发效率。这些代码来源于该网站的四篇文章，涵盖了从字符串处理到URL解析等多个方面的功能。" 以下是这些JavaScript实用功能代码的详细说明： 1. 字符串长度截取 这个函数`cutstr(str, len)`用于截取字符串，考虑到中文字符占用两个字节，它能正确处理中文字符串。当达到指定长度时，会停止截取。 2. 获取域名主机 函数`getHost(url)`能够从URL中提取出域名主机部分。如果未提供URL，它将默认使用当前页面的URL。 3. 清除字符串空格 `String.prototype.trim`是一个扩展方法，用于去除字符串两端的空格。它使用正则表达式匹配并替换掉开头和结尾的空格。 4. 全局替换 `String.prototype.replaceAll`（可能是原型链扩展的一个方法）允许在字符串中全局替换某个子串，而不仅仅是替换第一个匹配项。 5. 检查元素是否在数组中 `Array.prototype.indexOf`是JavaScript原生提供的方法，用来查找指定元素在数组中的索引，如果不在数组中则返回-1。 6. 数组去重 可能是通过创建一个新数组，将原数组中的元素逐个添加进去，同时检查新数组中是否已存在该元素，来实现数组的去重。 7. JSON对象深拷贝 深拷贝JSON对象，确保新对象与原对象完全独立，不共享引用。 8. 检测浏览器类型 通过用户代理（User-Agent）字符串判断浏览器类型，这在做浏览器兼容性处理时很有用。 9. 事件委托 使用事件委托可以提高性能，只需要在父元素上绑定事件监听器，然后根据事件的目标元素来执行相应的处理函数。 10. 元素动画 实现基本的CSS属性平滑过渡动画，可以用于模拟淡入淡出、滑动等效果。 11. 获取元素相对定位 获取元素相对于文档的坐标，这对于在页面动态定位元素非常有用。 12. 数组排序 自定义数组排序规则，可以根据需要对数组中的元素进行复杂比较和排序。 13. 日期格式化 将日期对象转换为自定义格式的字符串，如"YYYY-MM-DD"或"HH:mm:ss"。 14. 图片懒加载 当图片进入视口时才加载，优化网页加载速度。 15. 遍历对象属性 递归遍历对象的所有属性，包括嵌套的对象。 16. URL参数解析 解析URL中的查询参数，将其转换为对象形式。 17. 颜色转换 在不同颜色模式（如RGB、HEX、HSL）之间转换。 18. 数组元素随机排列 打乱数组元素顺序，常用于游戏或测试场景。 19. 节流函数 节流函数用于限制函数的执行频率，避免过于频繁的调用导致性能问题。 20. 防抖函数 防抖函数在一段时间内多次触发只执行一次，常用于窗口的resize、scroll事件。 以上只是部分JavaScript实用功能代码的简要说明，每个功能都体现了JavaScript在实际开发中的灵活性和实用性。通过学习和应用这些代码片段，开发者可以更好地掌握JavaScript编程技巧，提高代码质量。