博客园_cnfi`s Blog

js循环动态绑定带参数函数遇到的问题及解决方案[转]

2010-11-09T06:35:00Z

众所周知，不带参数的绑定非常简单，只要使用（语法：“document.getElementById("对象ID名").attachEvent("事件名，如onchange",函数名);”）（示例：“document.getElementById("select_0").attachEvent("onchange",modifyFunction);”）即可。（注：以下只写示例）

带参数的绑定就要复杂一些：document.getElementById("select _0").attachEvent("onchange",function(){modifyFunction (obj,i););即在function()中写需要执行的函数即可。当然还有另一种写法：document.getElementById("select _0"). onchange=function(){modifyFunction (obj,i););。

绑定成功，OK。不过，慢，此时又遇到了第二个问题，传递过去的参数值都是同一个，并不是想象中的将i的值传递过去后，每个绑定的函数的参数值都不一样。

于是乎，上网百度。经过艰难的搜索测试，期间还找到一个如下所示的例子：

</script>
<input type=button name=button1>
<input type=button name=button2>

此例子是通过event找到有动作的组件，然后获取它的源，再取出name值。这样就可以通过传入的obj，获得是第几个obj，然后进行相应的操作。

只是还有个问题，经过这种操作之后，obj的值又出现了问题，不管操作哪个select，获得的值都是最后一个。

继续百度。

终于，在一篇文章中获得了原因。文章转帖如下：

Javascript利用循环绑定事件的例子

我们先看一个关于Javascript利用循环绑定事件的例子：

例如：一个不确定长度的列表，在鼠标经过某一条的时候改变背景。

以下为引用的内容：

<!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" >
<head>
    <title>Untitled Page</title>
</head>
<body>
<ul id="list">
<li>第1条记录</li>
<li>第2条记录</li>
<li>第3条记录</li>
<li>第4条记录</li>
<li>第5条记录</li>
<li>第6条记录</li>
</ul>
<script type="text/javascript">
    var list_obj = document.getElementById("list").getElementsByTagName("li"); //获取list下面的所有li的对象数组
    for (var i = 0; i <= list_obj.length; i++) {
        list_obj[i].onmousemove = function() {
            this.style.backgroundColor = "#cdcdcd";
        }
        list_obj[i].onmouseout = function() {
        this.style.backgroundColor = "#FFFFFF";
        }
    }
</script>
</body>
</html>

这个例子循环为一组对象绑定事件处理函数。

但是，如果我们在这个基础上增加一些需求。比如在点击某一条记录的时候弹出这是第几条记录？

肯能你会理所当然的这么写：

以下为引用的内容：

<!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" >
<head>
    <title>Untitled Page</title>
</head>
<body>
<ul id="list">
<li>第1条记录</li>
<li>第2条记录</li>
<li>第3条记录</li>
<li>第4条记录</li>
<li>第5条记录</li>
<li>第6条记录</li>
</ul>
<script type="text/javascript">
    var list_obj = document.getElementById("list").getElementsByTagName("li"); //获取list下面的所有li的对象数组
    for (var i = 0; i <= list_obj.length; i++) {
        list_obj[i].onmousemove = function() {
            this.style.backgroundColor = "#cdcdcd";
        }
        list_obj[i].onmouseout = function() {
            this.style.backgroundColor = "#FFFFFF";
        }
        list_obj[i].onclick = function() {
            alert("这是第" + i + "记录");
        }
    }
</script>
</body>
</html>

测试一下你会发现alert出来的都是：这是第6记录
其实这里for循环已将整个列表循环了一遍，并执行了i++，所以这里i变成了6，
有什么好的办法解决这个问题吗？
那就是闭包了，个人认为闭包是js中最难捉摸的地方之一，

看看什么是闭包：
闭包时是指内层的函数可以引用存在与包围他的函数内的变量，即使外层的函数的执行已经终止。

这个例子中我们可以这样做：

以下为引用的内容：
<!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" >
<head>
    <title>Untitled Page</title>
</head>
<body>
<ul id="list">
<li>第1条记录</li>
<li>第2条记录</li>
<li>第3条记录</li>
<li>第4条记录</li>
<li>第5条记录</li>
<li>第6条记录</li>
</ul>
<script type="text/javascript">
    function tt(nob) {
        this.clickFunc = function() {
        alert("这是第" + (nob + 1) + "记录");
        }
    }
    var list_obj = document.getElementById("list").getElementsByTagName("li"); //获取list下面的所有li的对象数组
    for (var i = 0; i <= list_obj.length; i++) {
        list_obj[i].onmousemove = function() {
            this.style.backgroundColor = "#cdcdcd";
        }
        list_obj[i].onmouseout = function() {
            this.style.backgroundColor = "#FFFFFF";
        }
        var col = new tt(i);
        list_obj[i].onclick = col.clickFunc;
    }
</script>
</body>
</html>

PS：闭包很难，很复杂！

经过以上文章可以得知，引起这个问题的原因其实是因为js的闭包难题。按照面向对象的JAVA语言的理解可以解释为：js循环动态绑定带参数函数中的参数，其实相当于java中的引用传递，而非值传递。传递进来的引用只相当于一个指针，指向的是一个内存地址，这个内存地址存放的才是具体的值，而外面的循环会不断的修改这个存放地址中的值，所以最后循环结束之后，参数的值只能找到最后一个。

知道了原因就很好解决了。New一个新的“函数类”（姑且这么称呼吧）。测试OK。一下是修改后的代码：

//在新增按钮上绑定函数

document.getElementById("add").attachEvent("onclick",addFunction);

var jc_count = 0;//定义需要改变第几行的值

function txzmcFunction(x,y){//下拉框中绑定的函数

var sql="select txzjc from dm_txzmc where dm='"+x.value+"'";//取得下拉框中的代码，通过ajax获得相应的中文名称

jc_count = y;//定义当前行是第几行

ajaxSelect(sql,"txzjcFunction");//封装的ajax函数

}

function txzjcFunction(x){//接收封装的ajax函数返回值，并赋值

document.getElementById("_subarea_hxax_clzjxxb_hxax_txzxxb_update_txzjc_"+jc_count).value=x;

}

function bb(dx,sz){//解决动态绑定闭包问题要用到函数

this.clickFunc=function(){

txzmcFunction(dx,sz);//调用相应的函数

}

function addFunction(){ //动态循环绑定

var count=document.getElementById("_subarea_hxax_clzjxxb_hxax_txzxxb_update_maxcount").value;//获取最大的行数

for (var i=0;i<count ;i++ )//循环绑定

{

var obj=document.getElementById("_subarea_hxax_clzjxxb_hxax_txzxxb_update_txzmc_" +i);

var tp = new bb(obj,i);//解决闭包问题，new一个新的函数类

obj.onchange = tp.clickFunc;

}

//显示页面时执行一次

addFunction();

本文链接

浮动层自动适应高度

2010-07-23T08:19:00Z

在网页制作中经常会用到浮动。用了浮动就会涉及到一个清除浮动的问题，因为包含浮动的元素是不会自动适应高度的，也就是不会被浮动元素撑开。
先看一个例子：

HTML:

<ul>
    <li></li>
    <li></li>
</ul>

CSS:

ul {
    margin:0;
    padding:10px;
    list-style:none;
    background-color:#006699;
}
ul li {
    width:100px;
    height:100px;
    float:left;
    margin-right:10px;
    background-color:#99cc00;
}

在各个浏览器中的效果一致：

可以看到，外面 ul 即蓝色的区域高度为0，如果没有设置 padding，这个 ul 是看不到的。当然要让它伸长也很简单，只需要在最后一个 li 后面加一个标签清楚下浮动就可以了。不过这样的话就改变了HTML结构，不好。现在这里要讨论的就是如何在不改变结构的情况下让 ul 自动伸长。

注意：自动伸长针对的是包含浮动元素的元素(这里是 ul)。而不是浮动元素自身(li)。

第一种方法：

IE 支持一个 CSS 属性 zoom，这个元素接受一个数字或一个百分数，表示这个元素放大（缩小）的比例。例如：zoom:0.5或zoom:50% 表示缩小一半，而zoom:2或zoom:200%则表示放大一倍。
当定义了这个属性之后在 IE 浏览器里面就会自动适应高度了。当应用了这个属性之后，IE 就会自动伸长了。一般情况下我们不需要放大或缩小，所以定义 zoom:1 就行了。现在的 CSS：

ul {
    margin:0;
    padding:10px;
    list-style:none;
    background-color:#006699;
    zoom:1; /* IE */
}

而非 IE 浏览器不支持这个属性。所以第一种方法需把浏览器分为两个阵营：IE 和非IE。
对于非 IE 浏览器需要用到一个伪类 :after (IE 浏览器不支持)。CSS 代码如下：

ul:after {
    content:".";
    display:block;
    clear:both;
    height:0;
}

:after 伪类用于向元素后面插入一段内容，即 content 属性。然后在这个插入的内容里清除浮动，我们可以想象成在最后一个 <li> 后面插入了一个 <span>.</span>里面的内容是一个”.”，然后设置display:block; clear:both; height:0; 等属性 (这个比喻不一定准确)。
我们看下在 Firefox 下面的效果：

可以看到 ul 已经自动伸长了，但下面有个小小的黑点。相信你已经猜到了，这个黑点对应的就是 content:”.” 。
这个黑点肯定是要去掉的啦，我们可以用 font-size:0;line-height:0; 将其去掉。
好了，现在在两个阵营的浏览器里都实现目标了。以下是 ul 所有的CSS代码：

ul {
    margin:0;
    padding:10px;
    list-style:none;
    background-color:#006699;
    zoom:1;/* IE */
}
ul:after {
    content:".";
    display:block;
    clear:both;
    height:0;
    font-size:0;
    line-height:0;
}

第二种方法

我刚说过不止一种方法可以解决，那现在就来说说第二种方法。第二种方法还要更简单一些。同样，需要将浏览器分成两个阵营。不过和上一个有所不同，这一次 IE7 站到了另外一个阵营。即 IE7, Firefox, Opera, Safari 等(这里暂时称为A浏览器)。对于这些浏览器，只要定义一个 overflow:auto; 即可，但是对于 IE6 和 IE5 (称为B浏览器)却不起作用。不过要 IE6，IE5 听话也很简单。只要定义一个高度即可，哪怕是 0 ，也会自动伸长。知道这些还没用，我们还得区分这两个阵营的浏览器才行。怎么区分呢？
A 浏览器支持属性选择符，而B浏览器不支持。

所以以下代码只有A浏览器才会执行。

[xmlns] ul { /* html[xmlns] ul 的简写 */
    overflow:auto;
}

需要注意的是HTML 必须要有< !DOCTYPE >头部以及<html>有xmlns属性才会起作用。不过这个问题似乎不大，现在绝大部分网页都有这两个东东，包括 Dreamweaver 默认新建的网页都会自动加上。

而对于B浏览器则可以通过以下方式：

* html ul {
    height:1%;
}

其实 height 完全可以写成 0，为什么要写1%呢？告诉你其实我也不知道，大家都这么写。

好了，第二种方法的 ul 全部样式代码如下：

ul {
    margin:0;
    padding:10px;
    list-style:none;
    background-color:#006699;
}
[xmlns] ul { /*html[xmlns] ul 的简写*/
    overflow:auto;
}
* html ul {
    height:1%;
}

现在既然有两种方法，那么那一种更好呢？我个人比较喜欢第二种方法。原因很简单，代码更少，而且是符合标准的。只是在极少数情况下会出现滚动条，所以应该这两种方法配合使用。

还有，这些代码是可以通用的，可以提取为一个类比如 .clearfix 。这个任务就交给你自己完成吧。

本文链接

让IE6支持min-width和max-width

2010-06-25T09:17:00Z

// 说明：让 IE6 及其以下版本支持 CSS 中 min/max-width/height 属性

@if (@_win32 && @_jscript_version>4)

var minmax_elements;

minmax_props= new Array(

new Array('min-width', 'minWidth'),

new Array('max-width', 'maxWidth'),

new Array('min-height','minHeight'),

new Array('max-height','maxHeight')

);

// Binding. Called on all new elements. If <body>, initialise; check all

// elements for minmax properties

function minmax_bind(el) {

var i, em, ms;

var st= el.style, cs= el.currentStyle;

if (minmax_elements==window.undefined) {

// initialise when body element has turned up, but only on IE

if (!document.body || !document.body.currentStyle) return;

minmax_elements= new Array();

window.attachEvent('onresize', minmax_delayout);

// make font size listener

em= document.createElement('div');

em.setAttribute('id', 'minmax_em');

em.style.position= 'absolute'; em.style.visibility= 'hidden';

em.style.fontSize= 'xx-large'; em.style.height= '5em';

em.style.top='-5em'; em.style.left= '0';

if (em.style.setExpression) {

em.style.setExpression('width', 'minmax_checkFont()');

document.body.insertBefore(em, document.body.firstChild);

}

}

// transform hyphenated properties the browser has not caught to camelCase

for (i= minmax_props.length; i-->0;)

if (cs[minmax_props[i][0]])

st[minmax_props[i][1]]= cs[minmax_props[i][0]];

// add element with properties to list, store optimal size values

for (i= minmax_props.length; i-->0;) {

ms= cs[minmax_props[i][1]];

if (ms && ms!='auto' && ms!='none' && ms!='0' && ms!='') {

st.minmaxWidth= cs.width; st.minmaxHeight= cs.height;

minmax_elements[minmax_elements.length]= el;

// will need a layout later

minmax_delayout();

break;

} }

}

// check for font size changes

var minmax_fontsize= 0;

function minmax_checkFont() {

var fs= document.getElementById('minmax_em').offsetHeight;

if (minmax_fontsize!=fs && minmax_fontsize!=0)

minmax_delayout();

minmax_fontsize= fs;

return '5em';

}

// Layout. Called after window and font size-change. Go through elements we

// picked out earlier and set their size to the minimum, maximum and optimum,

// choosing whichever is appropriate

// Request re-layout at next available moment

var minmax_delaying= false;

function minmax_delayout() {

if (minmax_delaying) return;

minmax_delaying= true;

window.setTimeout(minmax_layout, 0);

}

function minmax_stopdelaying() {

minmax_delaying= false;

}

function minmax_layout() {

window.setTimeout(minmax_stopdelaying, 100);

var i, el, st, cs, optimal, inrange;

for (i= minmax_elements.length; i-->0;) {

el= minmax_elements[i]; st= el.style; cs= el.currentStyle;

// horizontal size bounding

st.width= st.minmaxWidth; optimal= el.offsetWidth;

inrange= true;

if (inrange && cs.minWidth && cs.minWidth!='0' && cs.minWidth!='auto' && cs.minWidth!='') {

st.width= cs.minWidth;

inrange= (el.offsetWidth<optimal);

}

if (inrange && cs.maxWidth && cs.maxWidth!='none' && cs.maxWidth!='auto' && cs.maxWidth!='') {

st.width= cs.maxWidth;

inrange= (el.offsetWidth>optimal);

}

if (inrange) st.width= st.minmaxWidth;

// vertical size bounding

st.height= st.minmaxHeight; optimal= el.offsetHeight;

inrange= true;

if (inrange && cs.minHeight && cs.minHeight!='0' && cs.minHeight!='auto' && cs.minHeight!='') {

st.height= cs.minHeight;

inrange= (el.offsetHeight<optimal);

}

if (inrange && cs.maxHeight && cs.maxHeight!='none' && cs.maxHeight!='auto' && cs.maxHeight!='') {

st.height= cs.maxHeight;

inrange= (el.offsetHeight>optimal);

}

if (inrange) st.height= st.minmaxHeight;

}

}

// Scanning. Check document every so often until it has finished loading. Do

// nothing until <body> arrives, then call main init. Pass any new elements

// found on each scan to be bound

var minmax_SCANDELAY= 500;

function minmax_scan() {

var el;

for (var i= 0; i<document.all.length; i++) {

el= document.all[i];

if (!el.minmax_bound) {

el.minmax_bound= true;

minmax_bind(el);

} }

}

var minmax_scanner;

function minmax_stop() {

window.clearInterval(minmax_scanner);

minmax_scan();

}

minmax_scan();

minmax_scanner= window.setInterval(minmax_scan, minmax_SCANDELAY);

window.attachEvent('onload', minmax_stop);

@end @*/

由于只有 IE6 及其以下版本不支持min/max-width/height 属性，因此，我们可以用下面的调用方式：

Code:

本文链接

JSON法创建对象

2010-05-27T07:51:00Z

什么是JSON

JSON(JavaScript Object Notation)是一种优美的JavaScript对象创建方法。JSON也是一种轻量级数据交换格式。JSON非常易于人阅读与编写，同时利于机器解析与生成。JSON是在AJAX中代替XML交换数据的更佳方案。

JSON定义法类似于直接定义法，JSON 定义法就是将直接定义法定义的函数与属性放到大括号中，并且去掉属性与函数签名的对象名，把等于号改为了冒号，每行后面改为逗号！

JSON格式与语法

var jsonobject=
{
        //对象内的属性语法(属性名与属性值是成对出现的)
        propertyname:value,

        //对象内的函数语法(函数名与函数内容是成对出现的)
        functionname:function(){...;}
};

jsonobject -- JSON对象名称
propertyname -- 属性名称
functionname -- 函数名称

一对大括号，括起多个"名称/值"的集合
JSON使用"名称/值"对的集合表示，也可以被理解为数组 (Array)
属性名或函数名可以是任意字符串，甚至是空字符串(见下面示例)
逗号用于隔开每对"名称/值"对

示例

var site =
{
        URL : "www.dreamdu.com",
        name : "梦之都",
        englishname : "dreamdu",
        author : "可爱的猴子",
        summary : "免费的网页设计教程",
        pagescount : 100,
        isOK : true,
        startdate : new Date(2005, 12),
        say : function(){document.write(this.englishname+" say : hello world!")},
        age : function(){document.write(this.name+"已经"+((new Date().getFullYear())-this.startdate.getFullYear())+"岁了!")}
};

上面就是一个典型的JSON表示的JavaScript对象，对象的名称为dreamdu，每个名称与值使用冒号:分割，例如名称author对应值monkey，名称age对应值5.

另一个例子：

var circle = { x:6, y:8, r:5 };

上面定义了一个x坐标为6，y坐标为8，半径为5的元。

嵌套JSON对象定义

var sites =
{
        count: 2,
        language: "chinese",
        baidu:
        {
                URL: "www.baidu.com",
                name: "百度",
                author: "baidu",
                say : function(){document.write(this.name+" say hello")}
        },
        dreamdu:
        {
                URL: "www.dreamdu.com",
                name: "梦之都",
                author: "monkey",
                say : function(){document.write(this.name+" say hello")}
        }
};

上面的例子中的sites的JSON表示法中还包含了2个小的JSON表示法，因此JSON表示法是可以嵌套的。

本文链接

a href=#与 a href=javascript:void(0) 的区别

2010-05-06T07:39:00Z

<a href="#"> 点击链接后，页面会向上滚到页首，# 默认锚点为 #TOP

<a href="javascript:void(0)" onClick="window.open()"> 点击链接后，页面不动，只打开链接

<a href="#" onclick="javascript:return false;"> 作用同上，不同浏览器会有差异。

点击链接后，不想使页面滚到页首，就用href="javascript:void(0)"，不要用href="#"，return false也有类似作用

详解href="#"与 href="javascript:void(0)"的区别

"＃"包含了一个位置信息

默认的锚点是＃top 也就是网页的上端

而javascript:void(0) 仅仅表示一个死链接

这就是为什么有的时候页面很长浏览链接明明是＃可是跳动到了页首

而javascript:void(0) 则不是如此

所以调用脚本的时候最好用void(0)

或者<input onclick>

<div onclick>等

打开新窗口链接的几种办法

1.window.open('url')

2.用自定义函数

window.location.href=""

-------------------------------------------------------------------------------

如果是个# ，就会出现跳到顶部的情况,个人收藏的几种解决方法：
1：<a href="####"></a>
2：<a href="javascript:void(0)"></a>
3：<a href="javascript:void(null)"></a>
4：<a href="#" onclick="return false"></a>
5：<span style="cursor:hand"></span>(好像在FF中不能显示)

-------------------------------------------------------------------------------

慎用 JavaScript:void(0)

今天调试CGI的时候，明明CGI程序已经执行，并且最后结果也是正确的，但是页面就是不刷新。在FireFox2.0下测试，结果却是正常的，IE6却偏偏不刷新！仔细调查了一下，发现cgi页面链接的是 <a href="javaScript:void(0)" OnClick="XXX_Func();" ….> only a sample </a>,问题就出在这个void(0)上!让我们先来看看JavaScript中void(0)的含义:

JavaScript中void是一个操作符，该操作符指定要计算一个表达式但是不返回值。
void 操作符用法格式如下：
1. javascript:void (expression)
2. javascript:void expression
expression是一个要计算的 JavaScript 标准的表达式。表达式外侧的圆括号是可选的，但是写上去是一个好习惯。我们可以使用 void 操作符指定超级链接。表达式会被计算但是不会在当前文档处装入任何内容。面的代码创建了一个超级链接，当用户点击以后不会发生任何事。当用户点击链接时，void(0) 计算为 0，但在 JavaScript 上没有任何效果。

<a href="javascript:void(0)">单击此处什么也不会发生</a>

也就是说，要执行某些处理，但是不整体刷新页面的情况下，可以使用void(0),但是在需要对页面进行refresh的情况下，那就要仔细了。

其实我们可以这样用<a href="javascript:void(document.form.submit())">，这句话会进行一次submit操作。那什么情况下用void(0)比较多呢，无刷新，当然是Ajax了，看一下Ajax的web页面的话，一般都会看到有很多的void(0)，：）　，所以在使用 void(0)之前,最好先想一想,这个页面是否需要整体刷新。

使用javascript的时候,通常我们会通过类似:
<a href="#" onclick="javascript:方法">提交</a>
的方式,通过一个伪链接来调用javascript方法.这种方法有一个问题是:
虽然点击该链接的时候不会跳转页面.但是滚动条会往上滚,解决的办法是返回一个false.
如下所示:
<a href="#" onclick="javascript:方法;return false;">提交</a>

还可以用 ###

a href="javascript:void(0)" onclick="javascript:方法;return false;"提交
javascript:void(0)就不会向上跳了:)

还有一个方法是 #this
a href="#this" onclick="javascript:方法"

本文链接

win7下Mozilla Weave同步无法显示continue的解决办法

2010-05-05T06:39:00Z

由于VISTA和WIN7的字体有些大，WEAVE中的一些选项就不能完全显示。
在这个步骤里，其实最下面还有两个选项，一个是后退，一个是下一步。只不过没有显示出来。XP中就能完全显示。

这个也是有办法解决的，按你所需，选中其中一个选项，然后，按两次TAB键，按回车，就能进入下一步了。（按一次TAB，按回车，是后退。）

（按两次TAB，按回车就到这步了。）

－－－－－－－－－

也可以先禁用视觉效果里的 “在窗口和按钮上使用视觉样式”。到这一步时就会见到如下效果。

这下显示完整了，等设置好WEAVE后，可以在视觉效果里勾上 “在窗口和按钮上使用视觉样式”。

本文链接

中国境内成功同步Chrome书签方法

2010-03-09T15:08:00Z

修改Hosts的方法(Windows)：

找到C:\WINDOWS\system32\drivers\etc\hosts文件，用文本编辑器（如记事本）将其打开，在内容下加入对应的域名与IP地址（域名与IP之间必须要有空格，最好为一个Tab位置）。下面是Chrome相关服务的Hosts列表，如果你不能使用某服务，直接将域名及IP地址复制到Hosts文件中即可。

Chrome书签同步：

64.233.183.139 clients4.google.com

64.233.183.139 docs.google.com

#如果上面的IP不行，可以尝试64.233.183.138，一般都可以解决

Chrome官方扩展中心：

74.125.39.99 chrome.google.com

74.125.39.99 clients2.google.com

Chrome官方主题中心

74.125.153.138 tools.google.com

本人已经做好了的Hosts下载：hosts

本文链接

删除Win7桌面上无法删除的顽固广告图标个人心得

2010-03-09T14:32:00Z

染上流氓软件,一开浏览器就出现"2345网址导航",修改IE选项都无法更改,而且桌面出现一个这样奇怪的东西

拖拽到回收站仍然无法删除,右键也仅显示"OpenHomePage"、“属性”、“创建快捷方式”的选项。打开"属性"后显示的是普通的internet属性.

弄了一上午，终于成功解决这个问题。

网上多数是XP系统解决这个问题的方法,我写一个win7系统解决的方法,分享下心得吧

1.首先清除打开浏览器就出现"2345网址导航"的问题

下载一个360°安全卫士,然后用"修复IE"全部修复

接下来开IE浏览器就发现仅显示空白页了

但是我习惯性使用"世界之窗"浏览器,打开"世界之窗"后,发觉依旧有那个恶心的网页.解决这个的办法只有重装此浏览器了.

2.解决桌面顽固图标.
实际上，在XP时代，可以使用“桌面清理向导”，但是这个工具，从Vista时代开始就没有了，因此Vista和Windows7系统只能使用别的方法。

点击开始-附件-运行-输入然后输入regedit，点确定打开注册表编辑器，找到
HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft \Windows\CurrentVersion\Explorer\Desktop\NameSpace
在NameSpace上点击右键，选“导出”，保存REG文件到随便一个地方先

在上图的这些项目里面，每个用户都是不同的，里面有几个是系统自带的，例如：

{450D8FBA-AD25-11D0-98A8-0800361B1103}
{645FF040-5081-101B-9F08-00AA002F954E}
…………

上面两个大家请不要删除的，还有一些也是不能删除的，因为每个系统里面这些项目都不同的，下面要做的就是删除就行了。

接下来，一项一项的删除NameSpace里面的项，每删除一个，前先记好这一项的名字，删除一项后，在桌面上刷新一下。假如删除某一项后，桌面上的那几个图标没有了的话，那就，导入刚才保存的REG文件,然后仅删除那一项.

刷新桌面,讨厌的东西都没了

本文链接

jQuery插件:Image lazy loader图片延迟加载

2010-02-22T12:19:00Z

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.

在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.

Lazy Load 灵感来自 Matt Mlinac 制作的 YUI ImageLoader 工具箱. 这是演示页面.

怎样使用?

Lazy Load 依赖于 jQuery. 请将下列代码加入页面 head 区域:

1 2	<script src="jquery.js" type="text/javascript"></script> <script src="jquery.lazyload.js" type="text/javascript"></script>

并且在你的执行代码中加入下面语句:

1	$("http://www.appelsiini.net/projects/lazyload/img").lazyload();

这将使 id=”http://www.appelsiini.net/projects/lazyload/img” 区域下的图片将被延迟加载.

设置敏感度

插件提供了 threshold 选项, 可以通过设置临界值 (触发加载处到图片的距离) 来控制图片的加载. 默认值为 0 (到达图片边界的时候加载).

1	$("http://www.appelsiini.net/projects/lazyload/img").lazyload({ threshold : 200 });

将临界值定为 200, 当可视区域离图片还有 200 个象素的时候开始加载图片. (这一句原文的字面意思和本人理解不一致, 原文: Setting threshold to 200 causes image to load 200 pixels before it is visible.)

占位图片

你还可以设定一个占位图片并定义事件来触发加载动作. 这时需要为占位图片设定一个 URL 地址. 透明, 灰色和白色的 1×1 象素的图片已经包含在插件里面.

1	$("img").lazyload({ placeholder : "img/grey.gif" });

事件触发加载

事件可以是任何 jQuery 时间, 如: click 和 mouseover. 你还可以使用自定义的事件, 如: sporty 和 foobar. 默认情况下处于等待状态, 直到用户滚动到窗口上图片所在位置. 在灰色占位图片被点击之前阻止加载图片, 你可以这样做:

$("img").lazyload({
	placeholder : "img/grey.gif",
	event : "click"
});

使用特效

当图片完全加载的时候, 插件默认地使用 show() 方法来将图显示出来. 其实你可以使用任何你想用的特效来处理. 下面的代码使用 FadeIn 效果. 这是演示页面.

$("img").lazyload({
	placeholder : "img/grey.gif",
	effect : "fadeIn"
});

图片在容器里面

你可以将插件用在可滚动容器的图片上, 例如带滚动条的 DIV 元素. 你要做的只是将容器定义为 jQuery 对象并作为参数传到初始化方法里面. 这是水平滚动演示页面和垂直滚动的演示页面.

CSS 代码:

#container {
	height: 600px;
	overflow: scroll;
}

JavaScript 代码:

$("img").lazyload({
	 placeholder : "img/grey.gif",
	 container: $("#container")
});

当图片不顺序排列

滚动页面的时候, Lazy Load 会循环为加载的图片. 在循环中检测图片是否在可视区域内. 默认情况下在找到第一张不在可见区域的图片时停止循环. 图片被认为是流式分布的, 图片在页面中的次序和 HTML 代码中次序相同. 但是在一些布局中, 这样的假设是不成立的. 不过你可以通过 failurelimit 选项来控制加载行为.

1
2
3

$("img").lazyload({
	failurelimit : 10
});

将 failurelimit 设为 10 令插件找到 10 个不在可见区域的图片是才停止搜索. 如果你有一个猥琐的布局, 请把这个参数设高一点.

延迟加载图片

Lazy Load 插件的一个不完整的功能, 但是这也能用来实现图片的延迟加载. 下面的代码实现了页面加载完成后再加载. 页面加载完成 5 秒后, 指定区域内的图片会自动进行加载. 这是延迟加载演示页面.

$(function() {
	$("img:below-the-fold").lazyload({
		placeholder : "img/grey.gif",
		event : "sporty"
	});
});
$(window).bind("load", function() {
	var timeout = setTimeout(function() {$("img").trigger("sporty")}, 5000);
});

下载插件

最新版本: 源代码, 压缩的代码, 打包的代码

已知问题

由于 webkit 的 bug #6656, Lazy Load 在 Safari 和 Chrome 中无法使用. 它会立即为你加载所有你愿意和不愿意被载入的图片.

貌似 jQuery 1.3.x 令插件在 IE 中失效了. 所有图片将在后台被加载即使它们不应该被加载. 作者正在为解决这个问题而努力, 在此期间只能停留在 jQuery 1.2.6 中使用该插件.

还有, 如果你使用 Mint, 请将 mint 标签加在页面头部, 如果把 mint 标签加到页面结尾会干扰到 Lazy Load 插件. 这时一个相当罕见的问题, 如果有人找到解决办法请联系作者.

翻译自:http://www.appelsiini.net/projects/lazyload

本文链接

经典海量jQuery插件

2010-02-02T17:34:00Z

海量的jQuery插件帖，很经典，不知道什么时候开始流传，很早以前就收藏过，为了工作方便还是发了一份放在日志里面。其中有些已经无法访问，或许是文件移除，或许是被封锁。大家分享的东西，没什么特别的可说的，唯有感谢无私分享的人们。提醒大家在使用的时候注意jQuery包的版本问题，最好是使用相同的版本，因为使用了高版本很有可能出现或多或少的问题。并且其中英文插件在转换成中文时注意编码，推荐utf-8。j...