js/jquery(2)

#21.window.print() 打印

#22.手机站输入框每次输入字符和删除字符时都判断的，就用input事件，keyup只是在输入时管用，删除字符时不管用，keypress和keydown则无论输入和删除完全不管用。

#23.js设置cookie时，发现另一个页面无法读取到。只需在设置cookie时加上 path=/ 就可以了。

#24.jquery.pin.js 将.pinned(被钉在窗口中始终显示)的元素限定在.container元素中显示.

$(".pinned").pin({containerSelector: ".container"})

#25.导航栏在static和fixed之间转换，并且滚动页面，内容区块对应的导航栏高亮显示

function high_li(ee){var e =  document.getElementById(ee);y = e.offsetTop;while(e=e.offsetParent){ y += e.offsetTop;}    nowtop = $(this).scrollTop();if(y > navtop && nowtop < navtop){y -= 200;}else{y -= 80;}window.scrollTo(0,y);$('.af_nav li').removeClass('active');$('#li_'+ee).addClass('active');}
var nowtop,inittop = 0;var navtop = $('.af_nav').offset().top;var backtopleft = $('#af_backtop').offset().left;$(window).scroll(function(){nowtop = $(this).scrollTop();if(nowtop > navtop && inittop < navtop){$('.af_nav,#af_backtop').css({'position':'fixed','top':0,'z-index':'99','margin-top':0});$('#af_backtop').css('left',backtopleft);}else if(nowtop < navtop && inittop > navtop){$('.af_nav,#af_backtop').css({'position':'static','margin-top':'20px'});}inittop = nowtop;var $floor=$("section div[id^=cat]");var $nav=$(".af_nav ul li");var floorId="";var scrollTop= nowtop;$floor.each(function(index,Ele){var offsetTop = $(Ele).offset().top - 120;if(scrollTop>=offsetTop){floorId= $(this).attr("id");}else{return false;}});$nav.filter("[id=li_"+floorId+"]").addClass("active").siblings().removeClass("active");//||scrollTop>$floor.last().offset().top+$floor.last().height()/*if(scrollTop<$floor.first().offset().top - 800){$nav.removeClass("active");}*/});

#26.科学计数法转普通数

Number.prototype.noExponents= function(){var data= String(this).split(/[eE]/);if(data.length== 1) return data[0]; var  z= '', sign= this<0? '-':'',str= data[0].replace('.', ''),mag= Number(data[1])+ 1;if(mag<0){z= sign + '0.';while(mag++) z += '0';return z + str.replace(/^\-/,'');}mag -= str.length;  while(mag--) z += '0';return str + z;
}
var n=1.7E-9;
alert(n.noExponents());

27.jquery的event.pageX是鼠标相对于文档的左边缘的位置；event.pageY是鼠标相对于文档的顶部边缘的位置。都考虑了滚动条的情形，特别适合做鼠标右键打开菜单的定位。

#xxx {position:absolute;top:event.pageY;left:event.pageX;
}

vue的element组件使用中，使一些父级标签有position:relative;的样式，造成右键菜单位置定位错误。可以这样处理

var p = $('.el-row').offset();//父级(position:relative)元素$("#menu").css({position: absolute,top: event.pageY - p.top,left: event.pageX - p.left,
});
$("#menu").show();

28.jquery写的form

var form = $("<form method='post'></form>"),input;
form.attr({"action":res.url});
input = $("<input type='hidden'>");
input.attr({"name":"xxx"});
input.val(res.xxx);
form.append(input);
form.submit();

执行报错 Form submission canceled because the form is not connected

解决方式：在submit前添加 $(document.body).append(form);

感谢 Jquery组织Form表单提交之Form submission canceled because the form is not connected - Jichan·Jong - 博客园

29.jquery添加带有!important的样式 $('.v-modal').css('cssText', 'width: 100% !important');

30.数组合并 a.push.apply(a,[4,5,6]);

数组单列组成新数组 arr.map(x => {return x.imgUrl})

31.ES6介绍 ES6 入门教程

32.上传文件添加loading时，一定要把ajax提交设成异步。

33.父页触发点击iframe子页按钮触发子页方法

document.getElementById('myiframe').contentWindow.document.getElementById('sendCtrlAltDelButton').click();

34.js操作css类

Element.classList - Web API 接口参考 | MDN

35.js date对象转YYYY-MM-DD HH:mm:ss格式

Format a Date as YYYY-MM-DD hh:mm:ss in JavaScript | bobbyhadz

js/jquery(2)相关推荐

js jquery操作的方面xml dom html dom css dom
1 xml dom 类似xml document 操作 --文档处理 js createTextNode createElementNode ... jq ...
js jquery关闭当前窗口
本文仅供学习交流使用,如侵立删!demo下载见文末 js/jquery关闭当前窗口 closeWindow: function() {var userAgent = navigator.userAge ...
js/jquery中实现图片轮播
一,jquery方法 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type&qu ...
dw按钮图片滚动js_轮播图--swiper插件/原生js/jQuery
1.swiper插件: 需要下载该插件到本地,并用link标签引用其swiper-bundle.min.css文件,用script引用其swiper-bundle.min.js文件,下载地址及官方文档 ...
js,jquery字符串转换json，兼容各种浏览器
js,jquery字符串转json. 第一种:eval方式解析 function strToJson(str){ var json = eval('(' + str + ')'); return js ...
js如何获取html图片,JS/JQuery获取网页或文章或某DIV所有图片
要获取网页所有图片,我们可以通过Javascript就能轻松实现,不过要想获得文章或某容器(如:Div)里所有图片,使用JQuery而不是Javascript来实现就会变得更加简单.本文将给你详细介绍 ...
html+css+js+jquery之常见的的本地存储实现一个简单的todoList项目
前言就在几天前,在b站的某博主那里看见了一个面试的模拟,意外看到那个同学有一个todoList的项目很显然,这个项目就和本次我所要展示的项目代码原理一致,但是界面上我这个就会不太美观. 知识点本 ...
js,jquery,css,html5特效
js,jquery,css,html5特效包含js,jquery,css,html5特效,源代码本文地址:http://www.cnblogs.com/Jeremy2001/p/6089343.h ...
json.js+ jquery 操作笔记
json.js+ jquery 操作笔记 json.js下载地址: http://www.json.org/js.html 我初学JSON,按照官方说明,在json2.js中有parse和string ...
Echarts.js+jquery.js+china.js实现中国疫情地图
目录一.程序代码二.源码下载一.程序源码 <!DOCTYPE html> <html lang="en"><head><meta c ...

js/jquery(2)

js/jquery(2)相关推荐

最新文章

热门文章