首页

关于

分享一个帮助你自定义标签并且兼容现代浏览器的javascript类库 : X-tag

分享一个帮助你自定义标签并且兼容现代浏览器的javascript类库 : X-tag

今天我们介绍一个能够帮助你自定义标签的js类库:x-tag,使用这个类库可以快速帮助你创建兼容不同浏览器的HTML标签。这个js类库基于W3C Web Components draft,由Mozilla编译和支持。

为什么使用x-tag

如果你需要一个高级的HTML元素,例如,编辑器,标签页,树状图的话,你可能需要如下过程:

  1. 寻找适合的插件
  2. 添加插件到网页
  3. 拷贝元素,或者一块元素到你的页面标签
  4. 创建script脚本,包含需要的代码
  5. 书写js代码
  6. 初始化script
  7. 重复以上过程

但是如果使用x-tag,你需要做的就是:

  1. 定义自己的HTML标签
  2. 作为本地标签使用 
  3. 没有第三步就搞定了

如何使用?

X-tag使用特定的CSS事件机制来监听创建/解析自定义的元素。事件将会被X-tag处理和触发,不管是否在document中。当最初创建的时候,X-tag调用create()方法来创建。也提供了onInsert方法帮助你在每次插入的时候调用,具体可以看一个例子:

xtag.register('accordion',…

标签: 自定义标签js, js类库, x-tag

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.