frogo.cn
HTTP/1.1 200 OK 连接:关闭 访问时间:2012年05月08日 10:33:52 服务器:Microsoft-IIS/6.0 语言环境:ASP.NET 语言环境:PHP/5.2.5 X-Pingback: http://frogo.cn/xmlrpc.php 类型:text/html; charset=UTF-8 网站编码:UTF-8
青蛙国度 web前端,seo,电商 搜索 主菜单 跳至主内容区域 跳至副内容区域 首页关于ME 文章导航 ← 早期文章 不要过度使用jQuery,有时候原生js会更快 发表于 2012 年 3 月 7 日 由 admin 1 jQuery速度再快,也无法与原生的javascript方法相比。所以有原生方法可以使用的场合,尽量避免使用jQuery。 请看下面的例子,为a元素绑定一个处理点击事件的函数: $(‘a’).click(function(){ alert($(this).attr(‘id’)); }); 这段代码的意思是,点击a元素后,弹出该元素的id属性。为了获取这个属性,必须连续两次调用jQuery,第一次是$(this),第二次是attr(‘id’)。 事实上,这种处理完全不必要。更正确的写法是,直接采用javascript原生方法,调用this.id: $(‘a’).click(function(){ alert(this.id); }); 根据测试 ,this.id的速度比$(this).attr(‘id’)快了20多倍。 发表在 WEB前端 | 标签有 jquery、原生js | 1 条回复 jquery取div中的内容 发表于 2012 年 2 月 16 日 由 admin 回复 jquery取元素中内容比javascript要方便多了 $(“#box”).text(),取得id为box的div中的不带html元素的内容:内容 $(“#box”).html()取得id为box的div中的带html元素的内容:<span>内容</span> <div id=”box”><span>内容</span> </div> 发表在 WEB前端 | 标签有 juqery、取元素内容 | 发表回复 ie6下不支持position:fixed的解决办法 发表于 2012 年 2 月 10 日 由 admin 回复 解决此问题的技巧就是使用background-attachment:fixed为body或html元素添加一个background-image(如果你的body定义了背景图片,就可以把把这句CSS Hack加到html里面,反之亦然)。这就会强制页面在重画之前先处理CSS。因为是在重画之前处理CSS,它也就会同样在重画之前首先处理你的CSS表达式。这将让你实现完美的平滑的固定位置元素!为了不增加额外的HTTP Request,我们可以使用about:blank作为这个背景图片。 01 /*让position:fixed在IE6下可用! */ 02 03 .fixed-top /* 头部固定 */{position:fixed;bottom:auto;top:0px;} 04 .fixed-bottom /* 底部固定 */{position:fixed;bottom:0px;top:auto;} 05 .fixed-left /* 左侧固定 */{position:fixed;right:auto;left:0px;} 06 .fixed-right /* 右侧固定 */{position:fixed;right:0px;left:auto;} 07 08 /* 上面的是除了IE6的主流浏览器通用的方法 */ 09 10 /* 修正IE6振动bug */ 11 * html,* html body {background-image:url(about:blank);background-attachment:fixed;} 12 13 /* IE6 头部固定 */ 14 * html .fixed-top {position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));} 15 16 /* IE6 右侧固定 */ 17 * html .fixed-right { position:absolute; right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0)); } 18 19 /* IE6 底部固定 */ 20 * html .fixed-bottom { position:absolute; bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));} 21 22 /* IE6 左侧固定 */ 23 * html .fixed-left { position:absolute; right:auto; left:expression(eval(document.documentElement.scrollLeft)); } 对比两个纯粹的CSS hack发现,两个原理似乎相同,在于html元素和body元素的应用和对CSS的{position:fixed}的支持程度上,但是这实际上是一种Hack,基本上不具备通用性,知道这个方法就可以了。需要提醒的是IE6 standards-compliant模式下HTML元素不管给它设置什么样的高度和宽度,它的大小都始终充满整个浏览器的可视区域,而IE5 以及 Quirks 模式下html元素和body元素所有宽高设置都会被忽略而保持充满浏览器的可视区域 发表在 WEB前端 | 标签有 ie6、position:fixed | 发表回复 2种js方法隐藏超链接在状态栏的信息 发表于 2012 年 2 月 10 日 由 admin 回复 当鼠标在链接上有事件触发时,将状态栏的文本设置为空白或者其它文本就行了。 甲、通过捕获链接上的事件,设置状态栏信息: Js代码 function hideinfo(){ if(event.srcElement.tagName==”A”){//如果触发函数的对象是链接 //设置状态栏的显示为链接的文本 window.status=event.srcElement.innerText } } document.
© 2010 - 2020 网站综合信息查询 同IP网站查询 相关类似网站查询 网站备案查询网站地图 最新查询 最近更新 优秀网站 热门网站 全部网站 同IP查询 备案查询
2025-08-18 16:18, Process in 0.0046 second.