js实用片段

  • 字符串转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");//回到顶端图片慢慢的淡出
    }
});

回到顶部图片:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 3.命名规范 3.1 大小写约定 使用合适的大小写增强名字可读性。 3.1.1 标识符的大小写规则 标识符的每个单...
    大捕猎店阅读 1,592评论 0 0
  • 1、引言 数据库设计过程中表、字段等的命名规范也算是设计规范的一部分,不过设计规范更多的是为了确保数据库设计的合理...
    SnowflakeCloud阅读 41,232评论 0 48
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,865评论 0 0
  • 数组平均数 使用reduce()将每个值添加到累加器,初始值为0,总和除以数组长度。 注:reduce函数是求数组...
    七弦桐语阅读 796评论 0 1
  • 功夫练就化境,方能百战不殆。这个至真的道理,现在又有多少人能够理解得透呢? 在中国哲学里:“外化于形、内化于心”,...
    二马行空阅读 1,366评论 0 2

友情链接更多精彩内容