javasrcipt 代码片段

一时失言乱红尘 2022-08-21 10:39 211阅读 0赞

**修改key值**

var key = 'abc';
    var obj = {key : '值'}; 
     
    // 复制原来的值
    obj[key] = obj['key'];
    // 删除原来的键
    delete obj['key'];
    // 检查效果
    alert(obj.abc);

**滚动到指定位置**

$('a').click(function () {
       $("html,body").animate({scrollTop:$("#menuDIV").offset().top },1000);
    });

**随着滚动条滚动**

$(window).scroll(function() { 
        var top = $(window).scrollTop()+200; 
        var left= $(window).scrollLeft()+320; 
        $("#editInfo").css({ left:left + "px", top: top + "px" }); 
    });

**判断是否滚动到底部**

$(window).scroll(function(){
    　　var scrollTop = $(this).scrollTop();
    　　var scrollHeight = $(document).height();
    　　var windowHeight = $(this).height();
    　　if(scrollTop + windowHeight == scrollHeight){
    　　　　alert("you are in the bottom");
    　　}
    });

**文字逐行向上滚动**

function autoScroll(obj){ 
        $(obj).find(".list").animate({ 
            marginTop : "-25px" 
        },500,function(){ 
            $(this).css({marginTop : "0px"}).find("li:first").appendTo(this); 
        }) 
    } 
    $(function(){ 
        setInterval('autoScroll(".scroll")',3000) 
    })

**截取px单位**

**截取多行长字符串**

<div class="figcaption" limit="100"> 
    	<p> 
    	官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官官方商城官 
    	</p> 
    </div> 
    //方法一
    $(".figcaption").each(function (i) {
        var divH = $(this).height();
        var $p = $("p", $(this)).eq(0); 
        // var $p = $(this).children(0); // 可以是其他子节点
        while ($p.outerHeight() > divH) {
            $p.text($p.text().replace(/(\s)*([a-zA-Z0-9]+|\W)(\.\.\.)?$/, "..."));
        };
    });
    //方法二，插件用于同一个页面有多个地方截取
    jQuery.fn.limit=function(){
        var self = $("div[limit]");
        self.each(function(){
    	    var objString = $(this).text();
    	    var objLength = $(this).text().length;
    	    var num = $(this).attr("limit");
    	    if(objLength > num){
    	        $(this).attr("title",objString);
    	        objString = $(this).text(objString.substring(0,num) + "...");
    	    }
        })
    }
    $(function(){
        $(document.body).limit();
    })

**js sum方法**

url跳转时传递参数方法

“url?”+location.search.substring(1)

input类型为number时maxlength失效的处理

oninput="if(value.length>4) value=value.slice(0,4)"