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 框架,那么把需要把框架库存放在一个通用的位置供每个网页分享。