jQuery框架
- jQuery使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）
- jQuery 同时提供用户界面和插件
- 主要的 jQuery 函数是：$()
在JS中使用jQuery库
<!DOCTYPE html>
<html>
<head>
<script
src="//libs.baidu.com/jquery/1.8.3/jquery.min.js">
</script>
<script>
function myFunction()
{
$("#h01").attr("style","color:red").html("Hello jQuery")
}
$(document).ready(myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
Prototype框架
- 执行常见 web 任务的简单 API
- 包含属性和方法的库，用于操作 HTML DOM
- Prototype 提供的函数可使 HTML DOM 编程更容易
- 主要的Prototype 函数： $()
- $() 函数接受 HTML DOM 元素的 id 值（或 DOM 元素），并会向 DOM 对象添加新的功能
在JS中使用Prototype库
<!DOCTYPE html>
<html>
<script
src="//apps.bdimg.com/libs/prototype/1.7.1.0/prototype.js">
</script>
<script>
function myFunction()
{
$("h01").writeAttribute("style","color:red").insert("Hello Prototype!");
}
Event.observe(window,"load",myFunction);
</script>
</head>
<body>
<h1 id="h01"></h1>
</body>
</html>
CDN-内容分发网络
CDN(Content Delivery Network) 包含可分享代码库的服务器网络。
解决问题：
希望网页可以尽可能地快，希望页面的容量尽可能地小，同时希望浏览器尽可能多地进行缓存，如果许多不同的网站使用相同的 JavaScript 框架，那么把需要把框架库存放在一个通用的位置供每个网页分享。
