JavaScript基础之框架（库）的应用

最新推荐文章于 2023-01-10 13:19:56 发布

万万君

最新推荐文章于 2023-01-10 13:19:56 发布

阅读量163

点赞数 1

分类专栏：笔记 JavaScript 文章标签： js javascript

本文链接：https://blog.csdn.net/devin_xin/article/details/105270455

版权

笔记同时被 2 个专栏收录

80 篇文章 0 订阅

订阅专栏

JavaScript

30 篇文章 0 订阅

订阅专栏

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

万万君

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础之框架（库）的应用

jQuery框架jQuery使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）jQuery 同时提供用户界面和插件主要的 jQuery 函数是：$()在JS中使用jQuery库<!DOCTYPE html><html><head><scriptsrc="//libs.baidu.com/jquery/1.8.3/...
复制链接

扫一扫

专栏目录