相关搜索 >> JS

  • 0708js的window.onscroll事件兼容各大浏览器!阅读(7617)条2016/7/8 16:54:41

    为窗口添加滚动条事件其实非常的简单,window.onscroll=function(){};注意在获取滚动条距离的时候谷歌不识别document.documentElement.scrollTop,必须要加上document.body.scrollTop;即var scrolltop=document.documentElement.scrollTop||document.body.scrollTop;这样才能兼容各个浏览器! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...阅读全文

    Taget:js scroll 兼容 

  • 0531js 监听URL的hash变化阅读(21066)条2016/5/31 16:07:58

    通过URL传值,在?后附加以=连接的键值对,各键值对间以&连接;也可以通过URL传递页面参数,在”#”后附加的方式。两者最大的一个 区别在于:后者不会发起请求,不会导致页面刷新。常见应用场景在于:不需要请求服务器,由浏览器端脚本直接定位到某个条件下的页面展示。例如:在这个页面 中http://www.istartedsomething.com/bingimages/#20101106-us,带hash值打开的是展示某个 大图的页面,不带hash值打开(http://www.istartedsom...阅读全文

    Taget:js url 监听 

  • 050912个JavaScript技巧阅读(4966)条2016/5/9 16:56:55

    在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值。为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测,只要变量的值为:0、null、" "、undefined或者NaN都将返回的是false,反之返回的是true。比如下面的示...阅读全文

    Taget:js 技巧 

  • 0505知道这20个正则表达式,能让你少写1,000行代码阅读(5432)条2016/5/5 15:43:52

    正则表达式,一个十分古老而又强大的文本处理工具,仅仅用一段非常简短的表达式语句,便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话,能够使你的开发效率得到极大的提升。正则表达式经常被用于字段或任意字符串的校验,如下面这段校验基本日期格式的JavaScript代码:var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/; var r = fieldValue.match(reg); if(r==null)alert('Date format error!');下面...阅读全文

    Taget:js 正则 

  • 0414js模拟用户点击弹出新页面阅读(6728)条2016/4/14 16:11:40

    1、前言:相信用过window.open的小伙伴们都遇到过被浏览器拦截导致页面无法弹出的情况;我们换下思路,什么情况下的新页面弹出才不会被浏览器拦截呢?比如<a>标签这种就不会;那么我们只要模拟下用户去主动点击这个<a>标签就不会有拦截的问题了。当然并不是点击a的链接,而是点击a里面的内容才会有效果,不信你可以试试。效果图如下:2、主要实现代码HTML部分:<a href="" id="linka" target="_blank&q...阅读全文

    Taget:js 弹窗 

  • 0401scrollfix置顶导航菜单插件阅读(9648)条2016/4/1 20:14:38

    1、前言本插件效果:随滚动条下拉浮动定位菜单,菜单固定到顶部。兼容了移动端+PC端(IE6+,chorme,firfox等主浏览器),使用起来特别方便。效果图如下:2、使用scrollfix插件;(function($) { $.fn.scrollfix = function(mtop, zindex, height) { var nav = $(this),obj=document.getElementById($(this).attr("id")), mtop = mtop, zindex = zindex, dftop = nav.offset().top,//dftop = nav.offse...阅读全文

    Taget:js 插件 菜单 scroll 

  • 0328关于tab点击事件的优化阅读(6078)条2016/3/28 13:27:20

    一、前言2010年写过一篇《js多个tab切换简单不需要在body内添加事件》的文章,近些年来从事前端事业以来,对于js的优化也是越来越关注,所以做了一些对tab事件的理解及优化,望大家吻喷。效果图如下:二、tab实现的思路1、首页是tab菜单及tab内容的理解是一一对应关系,而且位置是顺序是固定的也就是说当前第几个tab菜单对应的是第几个tab内容,这样是为了省略很多参数及不必要的HTML代码;2、js控制tab菜单:对于tab菜单而言,只需要控制点击后的菜...阅读全文

    Taget:特效 js 优化 

  • 0326Web前端性能优化——编写高效的JavaScript阅读(5481)条2016/3/26 14:37:14

    前言随着计算机的发展,Web富应用时代的到 来,Web 2.0早已不再是用div+css高质量还原设计的时代。自Gmail网页版邮件服务的问世开始,Web前端开发也开启了新的纪元。用户需求不断提高,各 种新的技术层出不穷,前端工程师的地位也越来越重要。然而任何事物都是有两面性的,随着前端技术的发展,前端业务越来越繁重,这大大增加了JS代码量。因 此,要提高Web的性能,我们不仅需要关注页面加载的时间,还要注重在页面上操作的响应速度。那么,接下来我...阅读全文

    Taget:js 优化 前端 

  • 0128js获取触屏版当前滚动条移动完之后的位置阅读(10029)条2016/1/28 12:22:16

    前不久写过一篇关于上拉加载的文章【jq滚动到底部自动加载数据实例】,使用挺流畅的,但是使用过程也是令人心酸的,加载完后点击一产品个进去后,发现返回时还是重新加载而且是置顶,也就是说前面加载的内容白加载了,针对于这个BUG我看了很多网站都存在这个问题,http://m.suning.com也会,taobao返回可以到达加载后的效果,但是数据依然是重新加载。按我解理的思路应该是他在跳转到详细页面的时候可能保存两个值:1、是滚动条的高度,2、最后加载...阅读全文

    Taget:js 移动 滚动条 

  • 1217在javascript中event的target和currentTarget的区别阅读(5369)条2015/12/17 11:47:06

    avaScript的event对象中event.target指代的是:触发事件的元素event.currentTarget指代的是:事件绑定的元素<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div id="test"> <span>aaa</span> <span>bbb<...阅读全文

    Taget:js event 

  • 1016超酷的menu菜单当前效果及鼠标指向效果阅读(6468)条2015/10/16 17:23:15

    本实例效果是由jQuery实现的超牛的背景移动导航菜单效果,菜单效果设计非常沉稳大方,鼠标悬停时菜单项高亮显示。难点在一个要选中为当前效果同时指向子菜单时又不失去当前效果。本实例效果图如下:源代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><...阅读全文

    Taget:菜单 特效 js 

  • 1012js判断网页是不是在微信内打开阅读(9377)条2015/10/12 14:49:09

    做微信站点的开发的时候,我们有需求只允许微信来访问网页。可行的一种方法是按照浏览器UA来判断是否是微信。下面是我抓取到的UA:Mozilla/5.0 (iPhone; CPU iPhone OS 8_0 like Mac OS X) AppleWebKit/600.1.4 (KHTML, like Gecko) Mobile/12A365 MicroMessenger/5.4.1 NetType/WIFI我们可以通过MicroMessenger关键词来判断是否是微信了。方法如下:js方法function is_weixin(){ var ua = navigator.userAgent.toLowerCase();if(ua.matc...阅读全文

    Taget:js 微信 浏览器 

当前第  3  页 / 共  13  页  总共149条记录  

12345678