前端常用函数汇总

本文介绍了几种实用的前端JavaScript技巧,包括:从URL中获取参数值的方法、实现短信验证码倒计时逻辑、计算包含汉字的字符串长度、移除DOM元素上的特定类名以及阻止浏览器的默认行为。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、获取查询字符串字段

    function query_url(name){
var query = location.search.substring(1),
arry = [],
len,
i,
single_query = [],
property,
obj = {};

arry = query.split("&");
len = arry.length;

for(i = 0; i < len; i++){
single_query = arry[i].split("=");
property = single_query[0];
obj[property] = single_query[1];
}
return obj[name];
}

  var name = url_query(name);


二、SMS验证码倒计时效果-------点第一次开始倒计时;倒计时未完成点击无效;倒计时完成点击出新的倒计时

var timer,
_time = Boolean(timer);
if(_time){
return true;
}else{
if(sms.disabled){
sms.removeAttribute("disabled");
}
var time_num = 60;
sms_btn.innerText ="(" + time_num + ")秒再次获取";

timer = setInterval(function(){
time_num--;
sms_btn.innerText ="(" + time_num + ")秒再次获取";
if(time_num == 1){
sms_btn.innerText ="重新获取验证码";
clearInterval(timer);
timer = false;
}
},1000);
}


三、
获取带汉字的字符串的长度
function cc_len(str){
var len=0,
str_len = str.length,
i,
charcode;
for(i = 0; i<str_len; i++){
charcode = str.charCodeAt(i);
if(charcode>=0 && charcode<=128){
len++;
}else{
len+=2;
}
}
return len;
}

四、去除DOM的指定类名函数
function drop_class(dom,str){
var arr = [],
class_str,
new_class="",
len,
i;
class_str = dom.className;
arr = class_str.split(" ");
len = arr.length;
for(i=0; i<len; i++){
if(arr[i] !== str){
new_class +=(" "+arr[i]);
}
}
dom.className = new_class.substr(1);
}

五、【兼容函数】取消浏览器默认行为
function stopDefault( e ) {
if (e&&e.preventDefault ){
e.preventDefault();
}else{
window.event.returnValue = false;
}
return false;
}





转载于:https://www.cnblogs.com/fengluzheweb/p/6519086.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值