一些常用的JS功能函数代码

当我们在编写JavaScript代码时，有时候需要一些通用的功能函数来完成一些需求，在这里我整理了一些常用的JS功能函数供大家参考。

1. 获取URL参数

有时候我们需要获取URL中的参数，我们可以使用以下代码来获取URL参数。

function getQueryString(name) {
  var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
  var r = window.location.search.substr(1).match(reg);
  if (r != null) return unescape(r[2]);
  return null;
}

示例说明

比如，我们有一个URL: https://www.example.com/index.html?name=John&age=20，
如果我们需要获取这个URL上的name参数时，我们可以使用以下代码:

getQueryString('name'); // 输出 John

2. 判断一个元素是否在视野中

有时候我们需要判断一个元素是否在用户的视野中，也许是为了实现懒加载等功能，我们可以通过以下代码来实现。

function isElementInViewport(el) {
  var rect = el.getBoundingClientRect();
  return (
    rect.top >= 0 &&
    rect.left >= 0 &&
    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
  );
}

示例说明

假如我们有一个图片元素，现在需要判断这个图片元素是否在用户的视野中，我们可以使用以下代码：

var imgEl = document.getElementById('myImg');
if (isElementInViewport(imgEl)) {
  console.log('图片元素在视野中');
} else {
  console.log('图片元素不在视野中');
}

以上就是我分享的两个常用的JS功能函数。希望对大家有所帮助。