美文网首页
js实用片段

js实用片段

作者: 鹿啦啦zz | 来源:发表于2018-09-14 10:58 被阅读0次
  • 字符串转xml

function string2XML(xmlString) {
    //所有浏览器统一用这种方式处理(因为高版本的浏览器都支持)
      var parser = new DOMParser();
      var xmlObject = parser.parseFromString(xmlString, "text/xml");
      return xmlObject;
}
  • 首字母大写其余小写

方法一:

function replaceStr(str){ // 正则法
 str = str.toLowerCase();
 var reg = /\b(\w)|\s(\w)/g; //  \b判断边界\s判断空格
 return str.replace(reg,function(m){ 
  return m.toUpperCase()
 });
}

方法二:

function ucfirst(str){
var str = str.toLowerCase();
var strarr = str.split(' ');
var result = '';
for(var i in strarr){
result += strarr[i].substring(0,1).toUpperCase()+strarr[i].substring(1)+' ';
}
return result;
}
  • string和number转换

num.toString()

回到顶部写法

HTML

<div id="scrolltotop" style="display: none;"></div>

CSS

#scrolltotop {
    display: none;
    position: fixed;
    z-index: 2000;//使得置于顶层
    right: 10px;
    bottom: 10%;
    width: 35px;
    height: 35px;
    background: url(scrolltotop.png) no-repeat 0 0;//设置背景图
    cursor: pointer;
}

Javascript

$("#scrolltotop").on('click',function({//点击了回到顶端按钮
    //使得scrollTop在0.5毫秒内变为0,也就是回到顶端
    $('body,html').animate({scrollTop:0},500);
});
$(window).scroll(function(){//窗口滚动事件
    if($(window).scrollTop()>=200){//如果大于200
         $("#scrolltotop").fadeIn("slow");//回到顶端图片慢慢的淡入
     }else{
         $("#scrolltotop").fadeOut("slow");//回到顶端图片慢慢的淡出
    }
});

回到顶部图片:

相关文章

网友评论

      本文标题:js实用片段

      本文链接:https://www.haomeiwen.com/subject/adzngftx.html