[11] 你需要知道的 Javascript 中有用的函数

嘿大家！这篇文章就是我们日常开发中用到的常用的Javascript函数。其中一些可能看起来很复杂，而另一些可能很简单，但我相信所有这些功能都会对您的项目更有帮助。

让我们更多地了解 Javascript 函数。

目录

1. 生成随机颜色
2. 数组重新排序
3. 复制到剪贴板
4. 检测深色主题
5. 滚动到顶部
6. 滚动到底部
7. 检测设备
8. 隐藏元素
9. 从 URL 获取参数
10. 深拷贝对象
11. 等待功能

1.生成随机颜色

您的网站是否需要生成随机颜色？以下代码行将执行此操作。

2.数组重新排序

对数组元素重新排序是一个非常重要的技巧，但它在原生数组中不可用。

3.复制到剪贴板

复制到剪贴板是一项非常有用且用户友好的功能。

4.检测黑暗主题

如今，深色主题越来越流行，许多应用程序都有深色模式选项，许多用户会在设备上启用案例模式。

我们将应用程序切换到深色主题以改善用户体验。

5. 滚动到顶部

• 将元素滚动到顶部的最简单方法是使用 scrollIntoView。
• 将块设置为 开始 滚动到顶部。
• 将行为设置为 光滑的 启用平滑滚动。

6.滚动到底部

就像滚动到顶部一样，滚动到底部只是将块设置为 结尾 .

七、检测设备

使用 navigator.userAgent 检测网站在哪个平台设备上运行。如果任何一个条件匹配，则该设备将是移动的。

8.隐藏元素

我们可以设置元素的 style.visibility 太隐藏了，隐藏了元素的可见性，但是元素的空间还是会被占用。将元素的 style.display 设置为 none 将从渲染流中删除该元素。

9. 从 URL 中获取参数

JavaScript中有一个URL对象，可以很方便的获取URL中的参数。

10. 深拷贝对象

对象的深度复制非常简单。首先，将对象转换为字符串，然后将其转换为对象。

除了使用 JSON 的 API 之外，还有一个更新的 结构化克隆 用于深度复制对象的 API，并非所有浏览器都支持。

 结构化克隆（obj）

11.等待功能

JavaScript 提供了 setTimeout 函数，但它不返回 承诺 对象，所以我们不能在这个函数上使用异步，但是我们可以封装等待函数。

这就是本文的内容，这些都是Javascript中的常用函数，你可能已经知道了。一些功能将帮助您在项目中使用它们。

我希望你喜欢这篇文章，如果你觉得这篇文章有用，请与你的朋友和同事分享。

如果您有任何疑问，请随时将它们发布在评论部分或您想通过邮件询问的任何内容 ** 接触** .

谢谢，学习愉快

还读了，

• 用例子解释JS中的这个关键字
• Javascript中的事件是什么？事件功能如何工作？
• JS中比较和逻辑运算符简介
• 5 个有用的 JavaScript/jQuery 代码和技术与示例 — 必须使用

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/36118/53191408