javascript 自定义常用方法第2/2页

下面是对“javascript 自定义常用方法第2/2页”的完整攻略。

什么是“javascript 自定义常用方法”？

在前端开发时，我们会经常使用一些常用的函数和方法，比如获取URL参数、验证表单、限制文本输入等。为了方便我们的开发，我们可以将这些常用的函数和方法封装成自定义方法，以便在以后的开发中反复使用。

如何自定义常用方法？

以下是自定义常用方法的步骤：

1. 创建一个JavaScript文件，并保存为.js格式；
2. 在该文件中，使用JavaScript语法编写方法代码；
3. 将该文件引入到需要使用这些方法的页面中；
4. 在页面中调用自定义方法即可。

自定义方法示例

下面来看两个常用的方法示例：

方法1：获取URL参数

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

以上代码可以获取URL参数中指定的参数值。比如，假如URL为http://example.com?id=123，调用上述代码getQueryString('id')，则返回123。

方法2：验证表单

function validateForm(){
  var uname = document.getElementById('uname').value;
  var pwd = document.getElementById('pwd').value;
  if(uname == ''){
    alert('请输入用户名！');
    return false;
  }else if(pwd == ''){
    alert('请输入密码！');
    return false;
  }else{
    return true;
  }
}

以上代码可以验证表单中的用户名和密码输入是否为空。如果输入为空，则弹出提示框提醒用户，否则返回true表示验证成功。

总结

自定义常用方法可以极大地提高我们的开发效率，减少重复工作的时间和精力。希望以上攻略能对您有所帮助。