使用 Prototype

引用 Prototype

要测试 JavaScript 库，需要在 web 页面中引用它。要引用库，请使用＜script＞标记，并将 SRC 属性设置为库的 URL：

Prototype 提供了使 HTML DOM 编程更容易的函数。与 jQuery 类似，prototype 也有自己的$（）函数。$（）函数接受 HTML DOM 元素的 ID 值（或 DOM 元素），并向 DOM 对象添加新函数。与 jQuery 不同，prototype 不会替换 onload（）的 ready（）方法。

相反，prototype 为浏览器和 HTML DOM 添加了扩展。在 JavaScript 中，可以指定一个函数来处理窗口加载事件：

function myFunction(){    var obj=document.getElementById("h01");    obj.innerHTML="Hello Prototype";}onload=myFunction;

Prototype 方式：

function myFunction(){    $("h01").insert("Hello Prototype!");}Event.observe(window,"load",myFunction);

引用 jQuery

要测试 JavaScript 库，需要在 web 页面中引用它。要引用库，请使用＜script＞标记，并将 SRC 属性设置为库的 URL：

主要的 jQuery 函数是 $（）函数（jQuery 函数）。如果将 DOM 对象传递给此函数，它将返回一个添加了 jQuery 函数的 jQuery 对象。JQuery 允许通过 CSS 选择器选择元素。在 JavaScript 中，可以指定一个函数来处理窗口加载事件：

function myFunction(){    var obj=document.getElementById("h01");    obj.innerHTML="Hello jQuery";}onload=myFunction;

function myFunction(){    $("#h01").html("Hello jQuery");}$(document).ready(myFunction);

其他框架

YUI-雅虎用户界面框架涵盖了大量函数库，从简单的 JavaScript 函数到完整的 Internet 小部件。ExtJS-用于构建富互联网应用程序的可定制小部件。Dojo-用于 DOM 操作、事件、小部件等的工具包。script.aculo。美国-用于视觉效果和界面行为的开源 JavaScript 框架。Uize-小部件、AJAX、DOM、模板等。

CDN -内容分发网络

如果许多不同的网站使用相同的 JavaScript 框架，那么将框架清单放在每个页面共享的公共位置是有意义的。CDN（内容交付网络）解决了这个问题。CDN 是包含可共享代码库的服务器网络。国内免费 CDN 资源包括：

• Staticfile CDN：https://staticfile.org/

• cdnjs：https://cdnjs.com/

<script src="https://cdn.staticfile.org/jquery/3.4.0/jquery.min.js"></script>

使用框架

在决定为 web 页面使用 JavaScript 框架之前，最好先测试框架。JavaScript 框架易于测试。不需要在计算机上安装它们，也没有安装程序。通常，只需要从网页中引用库文件。

JavaScript 创建 Cookie

JavaScript 可以使用文档 Cookie 属性来创建、读取和删除 Cookie。在 JavaScript 中，按如下方式创建 cookie：

document.cookie="username=John Doe";

还可以在 cookie 中添加过期时间（UTC 或 GMT）。默认情况下，浏览器关闭时会删除 Cookie：

document.cookie="username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT";

使用路径参数告诉浏览器 cookie 的路径。默认情况下，Cookie 属于当前页面。

document.cookie="username=John Doe; expires=Thu, 18 Dec 2043 12:00:00 GMT; path=/";

Cookie 字符串

文件 cookie 属性看起来像普通的文本字符串，但实际上不是。即使在文档中，完整的 cookie 字符串也会写入 cookie 中。重新读取 cookie 信息时，cookie 信息以名称/值对的形式显示。如果设置了新的 cookie，则不会覆盖旧 cookie。新的 cookie 将添加到文档 cookie 中，因此如果重新阅读文档。cookie，将获得以下数据：

cookie1=value; cookie2=value;

获取 cookie 值的函数

function getCookie(cname){  var name = cname + "=";  var ca = document.cookie.split(';');  for(var i=0; i<ca.length; i++)   {    var c = ca[i].trim();    if (c.indexOf(name)==0) return c.substring(name.length,c.length);  }  return "";}

cookie 名称的参数是 CNAME。创建文本变量以检索指定的 Cookie:CNAME+“=”。使用分号拆分文档 Cookie 字符串，并将拆分字符串数组分配给 Ca（Ca=document.Cookie.split（“；”）。循环 CA 数组（I=0；I<CA.length；I++），然后读取数组中的每个值，并删除前后的空格（C=CA[I].Trim（））。如果找到 cookie（c.indexof（name）==0），则返回 cookie 的值（c.substring（name.Length，c.Length）。如果未找到 cookie，请返回“”。