开发中 常用 js 记录(一)

本文详细介绍了如何通过JavaScript实现网页中URL参数获取、中文参数解码、滑动事件监听、价格格式化、延时操作、点击事件绑定以及AJAX数据请求等核心功能,并通过实例展示了每项技术的应用。

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

(1)获得URL参数

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

(2)获得url 中文参数转码

     decodeURI(GetQueryString("url参数名"))


(3)滑动到底部产生事件

$(window).scroll(function() {
     if ($(window).scrollTop() + $(window).height() == $(document).height()) {


     }
});

(4)价格保留两位小数

     (价格).toFixed(2)


(5)延迟执行事件

window.setTimeout(function () {
     window.location.href = 'www.cnblogs.com/huangenai/';
}, 2500);


(6)点击事件

$(document).on('touchstart click', ".profile_li",function(e) {


e.preventDefault();

   });

 

(7)ajax请求数据

$('#btnOK').click(function () {
$.ajax({
     type: "POST",
     url: '/Home/index',
     data: { }, //参数
     datatype: "html",
     success: function (data) {

     },
     error: function () {
 
     }
    });
});

 

(8)获得验证码倒计时效果

<input id="btn"  value="获取验证码"/>

var wait = 60;
document.getElementById("btn").disabled = false;
function time(o) {
     if (wait == 0) {
     o.removeAttribute("disabled");
     o.value = "获取验证码";
     wait = 60;
     } else {
     o.setAttribute("disabled", true);
     o.value = "重新发送(" + wait + ")";
     wait--;
     setTimeout(function() {
     time(o);
     },
     1000);
     }
}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值