// 悬浮置顶
; (function ($) {
$.fn.crumbsFixedPosition = function (options) {
var defaults = {
cName: 'fixed_pos'
}
var options = $.extend(defaults, options);
return this.each(function () {
var $this = $(this);
var t = $(this).offset().top;
$(window).on('scroll', function () {
if ($(this).scrollTop() > t) {
$this.addClass(options.cName);
} else {
$this.removeClass(options.cName);
}
});
});
};
})(jQuery); $(function () {
$('.curr_pos').crumbsFixedPosition();
});
// 返回顶部

; (function ($) {
$.fn.backToTop = function (options) {
var defaults = {
t: 200
}
var options = $.extend(defaults, options);
return this.each(function () {
var $this = $(this);
$this.append('<div class="backToTop"><span>返回顶部</span></div>');
var $o = $this.find('.backToTop'); $(window).on('scroll resize', function () {
if ($(document).scrollTop() > 0) {
$o.fadeIn();
} else {
$o.fadeOut();
}
});
$o.on({
'click': function () {
$('body,html').stop(true, false).animate({ scrollTop: 0 }, options.t);
},
'selectstart': function () {
return false;
}
});
});
};
})(jQuery); $(function () {
$('body').backToTop();
});

字符串反转:

(1)
<script type="text/javascript">
function foo(){
var str = 'a,b,c,d,e,f,g';
var s = reverse(str);//字符串反转
console.log(s);
if(s === 'g,f,e,d,c,b,a'){
console.log('成功。');
}else{
console.log('失败。');
}
}
function reverse(str){
var sp = str.split(',');
//保存反转之后的字符串
var new_str = '';
/*从后往前取,用逗号分隔*/
for(var i = sp.length-1;i>=0;i--){
new_str += sp[i]+',';
}
/*取到length-1,否则会取到最后一个逗号。*/
new_str = new_str.substring(0,new_str.length-1);
return new_str;
}
</script>
(2)
<script type="text/javascript">
function foo(){
var str = 'a,b,c,d,e,f,g';
var s = reverse(str); if(s == 'g,f,e,d,c,b,a'){
alert('成功。');
}
else{
alert('失败。');
}
}
function reverse(str){
return str.split(',').reverse().join(',');
}
</script>

常用的JS方法(见到好的就添加进来)的更多相关文章

  1. 常用原生JS方法总结(兼容性写法)

    经常会用到原生JS来写前端...但是原生JS的一些方法在适应各个浏览器的时候写法有的也不怎么一样的... 今天下班有点累... 就来总结一下简单的东西吧…… 备注:一下的方法都是包裹在一个EventU ...

  2. 常用原生JS方法

    备注:一下的方法都是包裹在一个EventUtil对象里面的,直接采用对象字面量定义方法了... ①添加事件方法 1 2 3 4 5 6 7 8 9 addHandler:function(elemen ...

  3. 在项目中常用的JS方法封装

    使用方法简单,只需要放在你的 utils.js 工具文件中,直接export const 加上下面封装方法,在别的文件中使用 {方法1,方法2,方法3...}引用后直接使用即可. 01.输入一个值.返 ...

  4. webdriervAPI(常用的js方法)

    from  selenium  import  webdriver driver  =  webdriver.Chorme() driver.get("http://www.baidu.co ...

  5. 常用的js方法,包括表单校验的一些方法

    /** * 对JSON对象转换为字符串. * @param {json对象} json * @return {json字符串} */ function jsonObj2Str(json) { var ...

  6. 项目中常用的js方法封装---自留

    1.输入一个值,返回其数据类型 type = para => { return Object.prototype.toString.call(para).slice(8,-1) } 2.冒泡排序 ...

  7. 自己常用的js方法

    $(function(){ tabview("#zcfw_list1"); tabview("#zcfw_list2"); tabview("#zcf ...

  8. 开发时候常用的js方法封装

    1.判断是否是一个数组 function isArray(arr){ return Object.prototype.toString.call(arr) ==='[object Array]'; } ...

  9. 项目中常用的js方法(持续更新)

    <script> var utils = { //时间戳转日期(timestamp:时间戳 默认当前时间) dateFormat: function(timestamp = new Dat ...

随机推荐

  1. 在命令行中运行Hadoop自带的WordCount程序

    1.启动所有的线程服务 start-all.sh 记得要查看线程是否启动 jps 2.在根目录创建 wordcount.txt 文件 放置一些数据 3.创建  hdfs dfs -mkdir /文件夹 ...

  2. 1-vim-简介

    vi(visual interface)是Linux最经典的文本编辑器 vi的核心设计思想-让程序员的手指始终保持在键盘的核心区域,就能完成所有的编辑操作. vi的特点 没有图形界面 只能编辑文本内容 ...

  3. string中的stringstream

    博客: 加速:ios::sync_with_stdio(false); 举个例子: 題目:输入的第一行有一个数字 N 代表接下來有 N 行资料,每一行资料里有不固定个数的整数(最多20个,每行最大20 ...

  4. 第七篇 css选择器实现字段解析

    CSS选择器的作用实际和xpath的一样,都是为了定位具体的元素 举例我要爬取下面这个页面的标题 In []: title = response.css(".entry-header h1& ...

  5. LNMP之PHP

    PHP LNMP环境下的PHP安装 CGI指的是通用网关接口,为HTTP服务器与其他机器上的程序服务通信交流的一种工具,性能差,所以被淘汰了. FastCGI,是一个可以伸缩.高速的在HTTP服务器和 ...

  6. linux每日命令(2):ps命令

    ps命令真是我比较常用的命令了,只是也没咋仔细研究过,最大的用处就是写代码的时候,起了多进程,就会占用多个进程,如果程序异常了,进程确没有kill掉,那么再启动程序就会报错 正常起项目 如果进程被占用 ...

  7. JS切换

    这个效果就跟换肤效果差不多 需要准备两套或两套以上的css <!DOCTYPE html> <html lang="en"> <head> &l ...

  8. 在阿里云 既php和mysql装好之后,如何安装zabbix

    首先找到php.ini这个文件 命令如下 find / -name php.ini 然后参数修改为如下,不改装不了 max_execution_time = 300  memory_limit = 1 ...

  9. 启动eclipse出现JVM terminated. Exit code=127 错误解决办法

    https://blog.csdn.net/wpzsidis/article/details/72954387 进去第二次又错

  10. 笔记50 Mybatis快速入门(一)

    一.Mybatis简介 MyBatis 是一款优秀的持久层框架,它支持定制化 SQL.存储过程以及高级映射.MyBatis 避免了几乎所有的 JDBC 代码和手动设置参数以及获取结果集.MyBatis ...