抓取时间:2012年05月08日 10:33:45
网址:http://frogo.cn/
标题:青蛙国度 | web前端,seo,电商
关键字:生命分享-SEO/SEM/HTML,CSS,互联网业内,网络推广
描述:生命分享-SEO/SEM/HTML,CSS,互联网业内,网络推广
主体:

青蛙国度
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.