编程那点事编程那点事

专注编程入门及提高
探究程序员职业规划之道!

javascript

JQuery hover slidedown/slideup重复触发/抖动/闪屏问题解决
javascript

JQuery hover slidedown/slideup重复触发/抖动/闪屏问题解决

阅读(5061)

最近,做了一个医疗器械的小网站,网站导航菜单如下图所示,移到一级菜单上就会显示二级菜单,用到的是jquery的slideDown、slideup。 具体代码如下: $(".menu li").hover(function () { $(this).children(".zi-menu").slideDown(); }, function () { $(this).children(".zi-menu").slideUp(); }); 在客户使用过程中发现,当我在两个...

JavaScript数组Array操作常用方法
javascript

JavaScript数组Array操作常用方法

阅读(1025)

JS移除数组指定下标项目var arr = [1,2,3,4,5]; arr.splice(2,1);//移除第三个项目,下标从 0 开始 //[1,2,4,5]JS数组复制var arr = [1,2,3,4,5]; var newarr = arr.concat(); newarr[0] = 9; console.log(arr);//[1,2,3,4,5] console.log(newarr);//[9,2,3,4,5]复制后的对...

JavaScript获取屏幕可视区域
javascript

JavaScript获取屏幕可视区域

阅读(2328)

包含滚动条的屏幕可视区域window.innerHeight - 获得屏幕可视区域高度 window.innerWidth - 获得屏幕可视区域宽度window.innerHeight 与 window.innerWidth 的 ie 版本兼容为 9+,那么完整的兼容代码为function getInnerSizeWithScroll(){     if(window.innerWidth){        &n...

JavaScript获取屏幕当前滚动条位置
javascript

JavaScript获取屏幕当前滚动条位置

阅读(2809)

window.pageXOffset - 屏幕当前水平滚动条位置 window.pageYOffset - 屏幕当前垂直滚动条位置为了跨浏览器兼容性,如果你使用了 window.scrollX 与 window.scrollY,请使用 window.pageXOffset 与 window.pageYOffset 代替 。另外,旧版本的 IE(<9)两个属性都不支持,必须通过其他的非标准属性来解决此问题。完整的兼容性代码如下var&nbs...

JavaScript获取焦点屏幕不滚动
javascript

JavaScript获取焦点屏幕不滚动

阅读(2127)

输入元素获得输入焦点document.getElemeentById('myinput').focus();通过观察发现,元素如果是在屏幕可视范围之外,使用以上的代码获得焦点后,当前页面的滚动条会立即滚动到目标元素的位置,这在表单输入及控制时,能带来一定的便利性。但在开发自定义功能组件时,会自动滚动到目标位置的特性却会为开发者带来困扰,例如一个组件以弹...

JavaScript修改网页标题(title)
javascript

JavaScript修改网页标题(title)

阅读(2613)

有时我们需要在不同的情况下或不同的状态下,实时修改网页的标题,然而修改标题不需要去获取标签对象之类的一系列操作,却只需要简单的一行代码即可解决document.title = 'new title';若要使用jquery的方式也很简单$(document).attr('title','new title');

JavaScript中switch容易被忽视的细节
javascript

JavaScript中switch容易被忽视的细节

阅读(1689)

通常我们使用条件判断是使用 if ,但如果需要判断的情况较多,或是对每一个枚举的值都需要做不同处理,就会用到 switch 语句,不同条件执行不同代码块,首先来看一段代码var num = '5'; switch(num){     case 5:         console.log('result&...

js赋值:或表达式赋值和与表达式赋值
javascript

js赋值:或表达式赋值和与表达式赋值

阅读(1531)

js或表达式赋值表达式左边的值,若是空或是 undefined 等情况,则使用右边的内容进行赋值function(p){     var param = p || {a:1}; } //等效于 function(p){     var param;     if(!p) param = {a:1}; }与表达式赋值表达式左边...

webuploader在display none的web容器中无法运行,选择图片按钮点击无效!
javascript

webuploader在display none的web容器中无法运行,选择图片按钮点击无效!

阅读(9143)

最近在做一个物流企业的信息化,用户注册时,涉及到五种角色:物流公司、货运部、车主、公司货主、个人货主,因此用了一个tab,tab的原理大家都知道,利用display none,用户注册时需要根据自己的角色,传递不同的扫描件,比如:营业执照、道路运输许可证,身份证等。在使用webuploder上传图片的时候,发现,除了第一个tab,切换到其他tab的时...