javascript - xhtml 中指定命名空间的自定义标签

Question

我们在很多地方都看到，每当导入跨站点小部件时，它都会附带一个带有特定命名空间的自定义标记。我的问题是关于如何在 JavaScript 中声明、使用和修改它。

例如，Google 的 +1 按钮。导入基本上是，您导入一个 javascript，然后导入一个标签 <g:plusone></g:plusone>与 g作为命名空间。

我看到了他们的来源https://apis.google.com/js/plusone.js并发现很难搜索他们是如何在 javaScript 中定义其命名空间并将其导入的。

基本上我想做三个功能。

1. 能够定义小部件标签<x:y></x:y>并使用 javascript 将其解析为一些动态 html。
2. 此 html 内容将包含动态内容、动画和 ajax 调用，它们将由我将导入的单个 javascript 处理。
3. 能够在一个页面上导入多个小部件，所有部件都独立运行。即如果我在一个地方更新，其他地方也会更新。

Answer 1

Google 为他们的 javascript 命名空间，但我认为这与 xml 标签无关

实际上我不久前刚刚看到这篇文章: http://www.zachleat.com/web/selecting-xml-with-javascript/并使用 Sarissa: http://dev.abiss.gr/sarissa/

您可以定义自己的 xml 标记并使用 javascript 定位它以修改内容。此外，还有铁燧岩 http://jquery.malsup.com/taconite/它与 Sarissa 结合可能会为您提供您正在寻找的东西。

就 javascript 的命名空间而言，您只需要一个作用域的函数或对象。

var x = {
    y: function (){}
};

在这个例子中，y() 被命名为 x，所以 x.y()