常用的JS方法(见到好的就添加进来)
// 悬浮置顶
; (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方法(见到好的就添加进来)的更多相关文章
- 常用原生JS方法总结(兼容性写法)
经常会用到原生JS来写前端...但是原生JS的一些方法在适应各个浏览器的时候写法有的也不怎么一样的... 今天下班有点累... 就来总结一下简单的东西吧…… 备注:一下的方法都是包裹在一个EventU ...
- 常用原生JS方法
备注:一下的方法都是包裹在一个EventUtil对象里面的,直接采用对象字面量定义方法了... ①添加事件方法 1 2 3 4 5 6 7 8 9 addHandler:function(elemen ...
- 在项目中常用的JS方法封装
使用方法简单,只需要放在你的 utils.js 工具文件中,直接export const 加上下面封装方法,在别的文件中使用 {方法1,方法2,方法3...}引用后直接使用即可. 01.输入一个值.返 ...
- webdriervAPI(常用的js方法)
from selenium import webdriver driver = webdriver.Chorme() driver.get("http://www.baidu.co ...
- 常用的js方法,包括表单校验的一些方法
/** * 对JSON对象转换为字符串. * @param {json对象} json * @return {json字符串} */ function jsonObj2Str(json) { var ...
- 项目中常用的js方法封装---自留
1.输入一个值,返回其数据类型 type = para => { return Object.prototype.toString.call(para).slice(8,-1) } 2.冒泡排序 ...
- 自己常用的js方法
$(function(){ tabview("#zcfw_list1"); tabview("#zcfw_list2"); tabview("#zcf ...
- 开发时候常用的js方法封装
1.判断是否是一个数组 function isArray(arr){ return Object.prototype.toString.call(arr) ==='[object Array]'; } ...
- 项目中常用的js方法(持续更新)
<script> var utils = { //时间戳转日期(timestamp:时间戳 默认当前时间) dateFormat: function(timestamp = new Dat ...
随机推荐
- Codeforces 743C - Vladik and fractions (构造)
Codeforces Round #384 (Div. 2) 题目链接:Vladik and fractions Vladik and Chloe decided to determine who o ...
- POJ 1673 EXOCENTER OF A TRIANGLE(解三角形重心)
题目链接:http://poj.org/problem?id=1673 AC代码: #include<cstdio> #include<cmath> #include<a ...
- Codeforces 1189B Number Circle
题目链接:http://codeforces.com/problemset/problem/1189/B AC代码: #include<bits/stdc++.h> using names ...
- 前端(十八)—— jQuery高级操作:选择器、文本属性与类、事件、文档操作、动画、结构关系
JQ选择器.文本属性与类.事件.文档操作.动画.结构关系 可参考jQuery的API文档 一.选择器 1.css语法匹配 标签 | 类 | id | 交集 群组 | 后代 | 兄弟 伪类 | 属性 $ ...
- 豆瓣图书Top250
从豆瓣图书Top250抓取数据,并通过词云图展示 导入库 from lxml import etree #解析库 import time #时间 import random #随机函数 import ...
- keepAlived常见问题
1.脑裂问题 1.定义: 在一个高可用(HA)系统中,当关联着的两个结点互相之间断开通信时,本来为一个独立的对外提供服务的系统分裂为两个独立的结点,这时两个结点会争抢资源.(keepAlived 中表 ...
- UserCF算法和ItemCF算法的对比
- python_django_The requested URL /sunck/login/sunck/showmain/ was not found on this server.错误
在我url匹配过程中出现了这样一个错误: 网页显示: Not Found The requested URL /sunck/login/sunck/showmain/ was not found on ...
- FastStone Capture 文件名设置小记录
我使用的FastStone Capture 的文件名设置 文件名称模板 fs$Y$M$D#####@ 起始于: [1] 重置 [ 选中] 新的一天自动重置为1
- webpack4.0基础
安装 yarn add webpack webpack-cli -D npx webpack index.js 图片 file-loader module: { rules: [ { test: /\ ...