zoukankan      html  css  js  c++  java
  • 使用Google CDN服务提供的jQuery库

    jQuery,让我们控制页面元素更加方便快捷,让我们在编写js的时候不需要过多地考虑浏览器特性问题了。但是jQuery功能越强大,它本身的文件也越大。在做网站优化的时候,通常会通过优化js、css和图片文件能挤出来的几百k尺寸的下载量.

    Google挺够意思,就提供了jQuery库,通过使用Google提供的jQuery库,Google的服务器和线路品质那自然是不在话下的。即提高了下载速度又减少了自己服务器的并发连接数。

    用起来也很简单,直接在网页里引用Google服务器上的相关js文件就可以了。不过,如果引用多个js,就要插入多段的script。Google也提供了相应的办法,那就是google load。我们只需要在页面里引用一个js文件,就可以根据需要实时加载用到的js库了。

    首先在页头部分加入以下这行代码:
    < script type="text/javascript" src="http://www.google.com/jsapi"></script>

    加载jQuery,可以这样使用:
    google.load("jquery","1.3.2");

    这样我们就从Google的最近的CDN镜像上加载了jQuery 1.3.2版的js库,接下来就可以正常写js代码了。不过,即使是Google的CDN镜像,下载也毕竟是需要时间的,万一代码库还没有下载完而浏览器已经解释到了下面的代码了怎么办?我们可以设定在js库加载完以后才开始执行js:
    google.setOnLoadCallback(function(){//要执行的代码});
    更多有关google jsapi的相关介绍和文档,可以参考:google AJAX 库 API

    除了jQuery,Google还提供供了以下这些js框架/库的API:
    jQuery UI
    Prototype
    script.aculo.us
    MooTools

    欢迎大家扫描下面二维码成为我的客户,为你服务和上云

  • 相关阅读:
    angular2监听页面大小变化
    angular如何引入公共JS
    angular使用Md5加密
    angular4模块中标签添加背景图
    angular使用sass的scss语法
    设置angular公共样式表
    更改angular的默认端口
    angular模拟web API
    RN与webview通讯
    shell通过ping检测整个网段IP的网络状态脚本
  • 原文地址:https://www.cnblogs.com/shanyou/p/1453429.html
Copyright © 2011-2022 走看看