js
文章平均质量分 74
sangfei_no1
不知道是否正确的时候,往下走,就会有结果
展开
-
js中top、clientTop、scrollTop、offsetTop的区别
网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scroll转载 2014-02-19 22:51:46 · 701 阅读 · 0 评论 -
js键盘事件全面控制详解
s键盘事件全面控制主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结第一部分:浏览器的按键事件用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、 onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事转载 2015-06-05 11:13:13 · 708 阅读 · 0 评论 -
js 中的 prototype
如何在Javascript实现OO编程?恐怕最好的方式就是充分利用prototype属性。关于prototype的介绍有很多,我就不赘述了。比较基本的原理是,当你用prototype编写一个类后,当你new一个新的object,浏览器会自动把prototype中的内容替你附加在object上。这样,通过利用prototype,你也就实现了类似OO的Javascript。在Javascript中转载 2015-06-15 11:42:14 · 394 阅读 · 0 评论 -
js 事件委托
1,什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委托呢,就是让别人来做,这个事件本来是加在某些元素上的,然而你却加到别人身上来做,完成这个事件。也就是:利用冒泡的原理,把事件加到父级上,触发执行效果。好处呢:1,提高性能。我们可以看一个例子:需要触发每个li来改变他们的背景颜色。ul id="ul">转载 2015-07-23 11:22:50 · 449 阅读 · 0 评论 -
==和=== 的区别
1、对于string,number等基础类型,==和===是有区别的1)不同类型间比较,==之比较“转化成同一类型后的值”看“值”是否相等,===如果类型不同,其结果就是不等2)同类型比较,直接进行“值”比较,两者结果一样2、对于Array,Object等高级类型,==和===是没有区别的进行“指针地址”比较3、基础类型与高级类型,=转载 2015-07-20 16:19:25 · 582 阅读 · 0 评论 -
js 图片懒加载
转载此文章就是为了了解懒加载的原理,实际工作中,我还是会用到jquery的lazyload.js实现图片的懒加载懒加载与预加载的基本概念。 懒加载也叫延迟加载:前一篇文章有介绍:JS图片延迟加载 延迟加载图片或符合某些条件时才加载某些图片。 预加载:提前加载图片,当用户需要查看时可直接从本地缓存中渲染。 两种技术的本质:两者的行为是相反转载 2015-07-16 15:57:17 · 1523 阅读 · 0 评论 -
用JS或者jQuery监听 浏览器窗口大小的变化事件
$(window).resize(function() { $('.logo').html($(window).width());// alert($(window).width()); //浏览器时下窗口可视区域宽度 // alert($(window).height()); //浏览器时下窗口可视区域高度 // alert($(document).height(转载 2014-12-05 11:01:32 · 1647 阅读 · 0 评论 -
全选和反选
$('table th .checkall').on('click', function () { if($(this).is(':checked')){ $(this).closest('table').find(':checkbox').attr('checked', true); $(this).closest('table').find('tr').addClass('ro原创 2014-12-19 14:24:33 · 504 阅读 · 0 评论 -
修复sub 和 sup 行间距的问题
sub,sup{ font-sise:75%; line-height:0; position:relative; vertical-align:baseline; } sub{ bottom:-0.25m; } sup{ top:-0.5em;}原创 2015-01-15 11:42:46 · 931 阅读 · 0 评论 -
Javascript闭包
摘要:“如果你不能向一个六岁的孩子解释清楚,那么其实你自己根本就没弄懂。”好吧,我试着向一个27岁的朋友就是JS闭包(JavaScript closure)却彻底失败了。 越来越觉得国内没有教书育人的氛围,为了弄懂JS的闭包,我使出了我英语四级吃奶的劲去google上搜寻着有关闭包的解释,当我看到stackoverflow上这一篇解答,我脑中就出现了一句话:就是这货没跑了!转载 2016-06-27 13:50:55 · 613 阅读 · 0 评论 -
js事件委托
$('body').on('click',null,function(e){if(!$(e.target).hasClass('sub-menu')){$(".open .sub-menu").css("display","none"); } });1,什么是事件委托:通俗的讲,事件就是onclick,onmouseover,onmouseout,等就是事件,委原创 2015-06-02 16:15:37 · 572 阅读 · 0 评论 -
js 判断浏览器、客户端、设备
var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') > -1, //IE内核 presto: u.indexOf('Presto') > -1转载 2015-04-24 11:03:52 · 514 阅读 · 0 评论 -
js 判断 屏幕大小
function a(){document.write("屏幕分辨率为:"+screen.width+"*"+screen.height+""+"屏幕可用大小:"+screen.availWidth+"*"+screen.availHeight+""+"网页可见区域宽:"+document.body.clientWidth+""+"网页可见区域高:"+documen转载 2015-03-18 10:57:01 · 1354 阅读 · 0 评论 -
每日jsp 特效(一) 产生随机的颜色
#bnt{ font-family: Verdana,Geneva,sans-serif; font-size: 32px; padding: 15px 30px; background: none repeat scroll 0% 0% rgb(188, 25, 57); color: rgb(249, 250, 250); text-decoration: none; bo原创 2014-03-14 10:13:49 · 2114 阅读 · 0 评论 -
每日jsp 特效 点击某颜色覆盖某面板
#center{ background-color: #FFFFE0; box-shadow: 0 0 8px #000000; margin: 0 auto; padding: 40px; width: 850px; height:550px; } #title{ color: #333333; font-family: "Century Got原创 2014-03-17 10:51:37 · 862 阅读 · 0 评论 -
根据屏幕大小调节界面上的百分比
winW = $(window).attr('width');chartW = (winW - 130)/12*6-35;$('#line').attr('width',chartW);原创 2014-11-19 23:53:08 · 619 阅读 · 0 评论 -
js 上传图片自适应大小
本地图片预览#preview{width:100px;height:100px;border:1px solid #000;overflow:hidden;}#imghead {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image);}function previewImage(file转载 2015-02-02 11:00:50 · 772 阅读 · 0 评论 -
javascript中defer的作用
很多人都已经把 Javascript的用的炉火纯青了,但见到defer未必就知道他是做什么用的;很多人也都遇到过这样的问题,需要直接执行别且操作DOM对象的js 总是报找不到对象的错误,原因大家也都知道就是页面还有没有加载完毕,js的操作对象还在下载中。但很多人都不知道,添加defer标签就能轻而易举的解决这个问题。中的defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问转载 2015-03-19 10:26:30 · 423 阅读 · 0 评论 -
浅谈 js 模仿手机的 动作
刚刚进入移动开发,对手机的动作总是抱有一种迷茫的感觉,刚刚找到一个很简单的动作,顿时其实也 PC 端差距不大:具体代码如下: function load (){ document.addEventListener('touchstart',touch, false); document.addEventListener('touchm原创 2015-03-19 11:35:36 · 705 阅读 · 0 评论 -
Javascript 的addEventListener()及attachEvent()区别分析
Mozilla中: addEventListener的使用方式: target.addEventListener(type, listener, useCapture); target: 文档节点、document、window 或 XMLHttpRequest。 type: 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”转载 2015-03-19 11:48:14 · 466 阅读 · 0 评论 -
js 售磬效果
html 代码 js $(function(){ var s=""+""+""; $("#covers").append(s); $("#imgChangeCol").addClass("changeCol"); });css .mask_lay原创 2015-03-23 17:56:11 · 760 阅读 · 0 评论 -
仿唯品会 点击加背景图片
一共两种办法:第一种:这种办法是一种很笨的办法,原因是我还是不熟悉很多属性,直接把背景图片放在img 的外层的 div 上。原创 2015-03-18 10:12:29 · 1468 阅读 · 0 评论 -
函数节流(throttle)与函数去抖(debounce)
一、前言 以下场景往往由于事件频繁被触发,因而频繁执行DOM操作、资源加载等重行为,导致UI停顿甚至浏览器崩溃。 1. window对象的resize、scroll事件 2. 拖拽时的mousemove事件 3. 射击游戏中的mousedown、keydown事件 4. 文字输入、转载 2016-06-12 17:13:24 · 529 阅读 · 0 评论