使用GoogleAPI加载各种js框架

很多人(包括我)都喜欢把主流的javascript框架(比如jQuery),放到自己服务器上,其实还有更好的选择。

http://code.google.com/intl/zh-CN/apis/ajaxlibs/documentation/index.html#googleDotLoad 是google对外开放的AJAX库 API,上面已经有很多ajax库了,我们只需要引用即可(好处在于:google的服务器还是相当稳定的,而且速度也不错,另外上面的js库全都启用了gzip压缩,体积比较小)

使用步骤:

1.先js引用http://www.google.com/jsapi

2.然后在一段单独的script代码中利用google.load("框架名称","框架版本")来加载

完整示例代码:

<!doctype html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=gb3212">
		<title>javascript测试</title>
		<script type="text/javascript" src="http://www.google.com/jsapi"></script>
		<script type="text/javascript">
			google.load("jquery","1.3.1");
		</script>
		<script type="text/javascript">
		$().ready(function(){
			alert("jquery加载成功!");
	})
	</script>
</head>
	<body>
	</body>
</html>
时间: 2025-01-21 05:42:08

使用GoogleAPI加载各种js框架的相关文章

解决jquery easyui easyloader加载外部js文件失败问题

  easyloader加载外部js文件时,虽然回调函数调用成功,但js文件加载不上,解决方法如下: 找到easyload.js文件,打开如下位置:红色字体部分将script改为this: var _8=document.createElement("script"); _8.type="text/javascript"; _8.language="javascript"; _8.src=_5; _8.onload=_8.onreadystate

解析页面加载与js函数的执行

 这篇文章主要介绍了页面加载与js函数的执行 onload or ready 需要的朋友可以过来参考下,希望对大家有所帮助 首先,页面加载顺序: 解析HTML结构. 加载外部脚本和样式表文件. 解析并执行脚本代码. 构造HTML DOM模型. 加载图片等外部文件. 页面加载完毕.   也就是: html → head → title → #text(网页标题) → style → 加载样式 → 解析样式 → link → 加载外部样式表文件 → 解析外部样式表 → script → 加载外部脚本

动态加载dtree.js树treeview

 本篇文章主要是对动态加载dtree.js树treeview的示例代码进行了详细的分析介绍,需要的朋友可以过来参考下,希望对大家有所帮助 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Destr

JS加载器如何动态加载外部js文件_javascript技巧

今天在网上找到了一个可以动态加载js文件的js加载器,具体代码如下: JsLoader.js var MiniSite=new Object(); /** * 判断浏览器 */ MiniSite.Browser={ ie:/msie/.test(window.navigator.userAgent.toLowerCase()), moz:/gecko/.test(window.navigator.userAgent.toLowerCase()), opera:/opera/.test(windo

让浏览器DOM元素最后加载的js方法_javascript技巧

让浏览器DOM元素最后加载的js方法 window.onload = =function() { a(); b(); } 就在界面所有元素加载完后,执行a()方法和 b()方法,防止在界面加载一半就弹出对话框,结果背景是空白的 以上是小编为您精心准备的的内容,在的博客.问答.公众号.人物.课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索dom元素 最后加载 javascript dom.javascript dom操作.javascript dom是什么.javascript dom

jquery动态加载外部js文件代码研究

$.getScript函数动态加载js 有时网页上的js过多就会让网页加载太慢,用户体验不好,我们可以使用jquery $.getScript函数动态加载我们需要的js文件    代码如下 复制代码 $("#load").click(function(){  $.getScript('helloworld.js', function() {     $("#content").html('Javascript is loaded successful!');  })

网页图片延时加载的js代码_javascript技巧

实现原理  把所有需要延时加载的图片改成如下的格式: <img lazy_src="图片路径" border="0"/> 然后在页面加载时,把所有使用了lazy_src的图片都保存到数组里,然后在滚动时计算可视区域的top,然后把延时加载的图片中top小于当前可视区域(即图片出现在可视区域内)的图片的src的值用lazy_src的来替换(加载图片) 代码 lazyLoad=(function() { var map_element = {}; var e

jQuery Mobile页面跳转后未加载外部JS

在使用jQuery Mobile进行Web开发中,当页面跳转时(pageA => pageB),在pageB中引用的JS并未成功运行.因为,JQM并为将整个页面加载到当前的dom中,仅将data-role="page"元素加入当前的dom中.因此,在<head>中引入的外部JS文件,以及<page>标签外的JS均不能正常运行,刷新页面后方可加载成功.   鉴于JQM这个特性不太可能主动更改,可以用两种方法来解决: 一是在index页面中,注册所有需要使用到

js加载文件-js文件加载问题求解,总是报错

问题描述 js文件加载问题求解,总是报错 试了各种方法都不好使 主要为了测试加载机制,以便把test.js提取出来加密 <script type="text/javascript" src="test.js" charset="utf-8"> </script> <script> test();//alert(123);test中就一个函数,弹出123;如此加载一切正常 </script> 下面我来