web开发中,需要用到的脚本---jque…

本文介绍了前端开发中几种实用的交互技巧,包括输入框提示、定时请求、字符串处理等,并详细解释了如何实现这些功能,适合希望提升用户体验的前端开发者阅读。

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

1.输入框,重置内容

    var defvar; 
    $("#seatchSou").mouseover(
      function(){
       defvar = '请输入...';
       if( $(this).val() == '请输入...'){
        $(this).val('');  
    }  
      }).mouseout(
   function(){
    if( $(this).val() == '请输入...' || $(this).val() == '' ){
     $(this).val(defvar); 
    }  
   });

2. 定时请求,调用js函数
     var speedLeft = 10000;
     var iterm = setInterval( renewLeftMenActive , speedLeft );

3.计算剩余字数
function getLastNum(mythis){
 var str= $(mythis).val();
 var lastNumObj = $(mythis).parent().next().find('em');
 var len = get_len(str);
    if(str=="请添加描述..."){
     lastNumObj.html("20");
        len = 0;
          
   var left_len=40-len;
   if(0<=left_len && left_len<40){
  var lastNum = Math.floor(left_len/2);
  lastNumObj.empty();
  lastNumObj.html(lastNum);
   }
}

4.获取字符串长度,区分汉字和字母进行不同的计算,汉字占2位

function  get_len(str){
    //str=str.replace(/\ +/g,"");//去掉空格
    //str=str.replace(/[ ]/g,"");    //去掉空格
    str=str.replace(/[\r\n]/g,"");
    var byteLen=0;
    len=str.length;
    if(str){for(var i=0; i
        if(str.charCodeAt(i)>255){
            byteLen += 2;
        } else {byteLen += 2;}}
        return byteLen;
    }else{
        return 0;
    }
 }

5.截取字符串
function subStrContent(str,startnum,endnum){
 var str = str.substr(startnum,endnum)+'......';
 return str;
}

6. 关闭弹框* @param mythis 这种思路很好
function closeDiv(mythis)
{
   $(mythis).parent().parent().hide();
}

7.弹窗定位设置


function mposition(sxid)
{
 var dialog = $('#'+sxid);
 var winW = $(window).width(),
  winH = $(window).height();
 dialog.show();
 var rect = {w:dialog.width(), h:dialog.height()};
 var top = (winH - rect.h) / 2 - 50;
 var left = (winW - rect.w) / 2;
 dialog.css({left:left, top:top, position:'fixed'});
}

8.过滤文本中特殊字符
function stripscript(s){
    var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~!@#¥……&*()——|{}【】‘;:”“'。,、?]")
    var rs = "";
    for (var i = 0; i < s.length; i++) {
        rs = rs + s.substr(i, 1).replace(pattern, '');
    }
    return rs;
}
9.过滤Html标签
function stripHtml(str){
 str = str.replace(/<[^>].*?>/g,"");
 return str;
}

备注:jquery ajax请求时,如果成功返回内部外部都有for循环,并相互嵌套,异步请求失效---原因是,循环键值成功返回不能继承--解决办法,重新赋值变量,返回内部使用

example: 

for(i=0; i
  $.ajax({
   type: 'post',
   url : url,
   data:{"maxWidth":imgsrc.eq(i).attr("maxWidth"), "maxHeight":imgsrc.eq(i).attr("maxHeight"), "imgUrl":imgsrc.eq(i).attr("imgsrc")},
   async : true,
   cache : false,
   count : i,
   success:function(data)
   
    imgsrc.eq(this.count).attr("style",data);
    imgsrc.eq(this.count).attr("src",imgsrc.eq(this.count).attr("imgsrc"));
   }
   });
 }
 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值