javascript核心_简单JavaScript：核心库-CSDN博客

javascript核心

现在， Simply JavaScript的第一本印刷版已全部售罄，第二本印刷正在进行中，自从Cameron和我第一次梦想成书以来，现在正是时候做我一直期待的事情： 将Core库开放资源。

下载： core.js （1.0版，2007-08-29）

正如我之前在Simply JavaScript中所解释的：太简单了吗？这本书采用了独特的方法，从第一页开始讲授简洁的脚本 。它通过使用自己JavaScript库（即Core库）来实现此目的，以隐藏一些JavaScript事件处理和其他繁琐的任务的细节，直到读者熟悉为止。现在，我很高兴将此库提供给所有人，而不仅仅是这本书的所有者。

另一个图书馆？

你问为什么呢？毕竟，还有很多其他不错JavaScript库，从苗条的（ base2 ， jQuery ）到结实的（ YUI ， Dojo ）。真的需要另一个吗？

所有这些库都在使JavaScript成为功能更强大，功能更丰富的语言方面做得非常出色。已经对它们进行了调整和重新调整，以实现最佳性能和最小的开销，这就是为什么我们在书中给予它们如此多的覆盖。

但这不是Core库的目的。 Core库旨在通过消除通常使初学者感到困惑的难点， 使JavaScript成为一种更易于学习的语言 。通过在极为宽松的MIT许可证下发布核心库，我们希望为帮助初学者使用JavaScript做出贡献，无论他们是否购买我们的书都可以这样做。

如何使用？

（当然）关于Core库的最佳用户指南是我们的书《 Simply JavaScript》。它不仅挤满了使用该库的示例，还包含详细的附录，逐行说明该库的工作方式。就是说，这里是Core库及其使用的快速浏览。

要使用Core库，您必须下载core.js文件并将其放置在您的站点上，然后在使用它JavaScript代码之前的任何页面上使用<script>标记加载它：

<head>
  ...
  <script type="text/javascript" src="core.js"></script>
  <script type="text/javascript" src="yourscript.js"></script>
</head>

加载Core库后，您可以使用以下模式编写简洁JavaScript代码：

var YourScript =
{
  init: function()
  {
    // Your start-up code here
  },
  // Additional methods here
};

Core.start(YourScript);

最后一行的Core.start方法将处理所有确保在包含脚本的页面加载完成后立即调用脚本的init方法的所有详细信息。

Core库已通过当前最流行的浏览器进行了测试，其中包括：

Firefox 2.0
Internet Explorer 6.0和7.0
Safari 2.0
歌剧9.23

它也有望与Internet Explorer 5.5和Firefox 1.5一起使用。

它还有什么作用？

同样，在Simply JavaScript的附录A中可以找到很多细节，但这是Core库提供的功能的简要介绍：

事件监听器

Core.start(ScriptObject)

如上所示，在页面加载后调用ScriptObject.init 。

Core.addEventListener(target, type, listener)

注册在target或其子孙之一上发生type （例如"click" ）事件时要调用的函数listener 。在支持DOM2事件的浏览器中等效于target.addEventListener(type, listener, false) 。

Core.removeEventListener(target, type, listener)

取消注册函数listener以便在target或其子孙之一上发生type （例如"click" ）事件时将不会调用该函数listener 。在支持DOM2事件的浏览器中等效于target.removeEventListener(type, listener, false) 。

Core.preventDefault(event)

取消与给定event对象关联的默认操作。

Core.stopPropagation(event)

防止当前元素的祖先接收到给定event通知。

CSS类管理

Core.addClass(target, className)

将指定的类添加到应用于target元素的现有类（如果有）。

Core.getElementsByClass(className)

返回文档中已应用指定类的所有元素的数组。

Core.hasClass(target, className)

如果将指定的类应用于target元素，则返回true否则返回false 。

Core.removeClass(target, className)

从应用于target元素的类列表中删除指定的类。

计算样式

Core.getComputedStyle(target, styleProperty)

一旦所有各种CSS样式源都已应用到target元素，则检索指定CSS属性的有效值。

等一下……真烂！

如果您在Core库的代码中看到的内容还不够完善，或者您觉得库中缺少一项重要功能，那么我会很乐意考虑您可能提出的任何改进建议。您可以在这里发表评论，也可以在kevin（sitepoint.com）上给我留言。

但是，请记住，该库的目的仅仅是消除使初学者难以学习JavaScript的粗糙之处。我对将CSS选择器API添加到Core库不感兴趣，因为有很多不错的库可用于向JavaScript添加功能。同样，性能优化对我来说并不是特别有趣，除非可以在不使代码更难理解的情况下进行性能优化。毕竟，在Core库的帮助下学习JavaScript的最后一步是能够读取Core库并了解所有代码的工作原理！