自动加载jQuery的Javascript代码示例

当我们在Javascript里需要用到jQuery但又无法判断是否加载过时,可以通过下面的方法来自动判断并加载jQuery,代码如下:

function getScript(url, success) {
    var script = document.createElement('script');
    script.src = url;
    var head = document.getElementsByTagName('head')[0],
    done = false;
    
    // Attach handlers for all browsers
    script.onload = script.onreadystatechange = function() {
        if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
            done = true;
            
            // callback function provided as param
            success();
            
            script.onload = script.onreadystatechange = null;
            head.removeChild(script);
        };
    };
    head.appendChild(script);
};

if (typeof jQuery == 'undefined') {
    alert('Not found jQuery');
    getScript('http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js', function() {
        alert('jQuery loaded');
    });
}

阳光部落原创,更多内容请访问http://www.sunbloger.com/

10条建议让你创建更好的jQuery插件

在开发过很多 jQuery 插件以后,我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式。这样我就可以 copy & paste 大部分的代码结构,只要专注最主要的逻辑代码就行了。

使用相同的设计模式和架构也让修复bug或者二次开发更容易。一套经过验证的架构可以保证我的插件不出大的问题,不论插件简单还是复杂。

阅读更多

2011年使用率增长最快的十大Web技术

W3techs网站评出了2011年十大使用增速最快的Web技术,本文对其进行编译供各位参考。注意,该评选结果是在针对前100万流行网站(根据Alexa值统计)进行调查统计出的。

以下是2011年前100万流行网站中使用率增长最多的10大Web技术。

1. jQuery

jQuery在前100万流行网站选择中新增了惊人的145 300个名额。也就是,在过去的一年中,每天都有398个网站开始使用它。jQuery目前在所有网站中的使用率已达到了42.8%。其市占率更是达到了 84.1%,许多人都将它视为JavaScript库的事实标准。

2. UTF-8

UTF-8在去年的榜单中居于榜首地位,而且也正变得越来越流行。去年有82 6000个新增网站选择使用它。目前已有超过2/3的网站将字符编码切换为UTF-8。

阅读更多

分享一个用jQuery实现自动检测并设置浏览器编码的实例

最近在一个项目遇到了需要全部适用UTF-8编码来制作页面的问题,发现有时浏览器并不那么听话,于是写了一段自动检测并且设置浏览器编码的程序,非常简单,具体方法如下:

下面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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script language="JavaScript" type="text/javascript" src="jquery.js"></script>
<script language="JavaScript" type="text/javascript" src="autocharset.js"></script>
</head>

<body>
<p>这是一个自动检测并设置浏览器编码的实例</p>
</body>
</html>

下面是autocharset.js文件:

$(document).ready(function() {
    if($(document).attr("charset") == "utf-8") {
        alert($(document).attr("charset")); //debug
    } else {
        $(document).attr("charset", "utf-8");
        window.location.reload();
    }
});