工具类

方法

after

after
(
  • target
  • html
)

在指定的元素的后面添加html字符串

参数:

名称类型标识描述
target HtmlObject 必选

//指定的html元素

html String 必选

//html字符串(请注意需要传html格式的字符串)

示例:

<script>
    var target = document.getElementById("target");
    var htmlString = "<div class='cmp-class' style="color:red">被before进行的html</div>"
    cmp.after(target,htmlString)
</script>

append

append
(
  • parent
  • html
)

添加可直接append html字符串的方法

参数:

名称类型标识描述
parent HtmlObject 必选

//父容器

html String 必选

//html字符串(请注意需要传html格式的字符串)

示例:

<script>
    var parent = document.getElementById("parent");
    var htmlString = "<div class='cmp-class' style="color:red">被append进行的html</div>"
    cmp.append(parent,htmlString)
</script>

before

before
(
  • target
  • html
)

在指定的元素的前面添加 html字符串

参数:

名称类型标识描述
target HtmlObject 必选

//指定的html元素

html String 必选

//html字符串(请注意需要传html格式的字符串)

示例:

<script>
    var target = document.getElementById("target");
    var htmlString = "<div class='cmp-class' style="color:red">被before进行的html</div>"
    cmp.before(target,htmlString)
</script>

buildUUID

buildUUID
(
  • [len]
)
String

uuid 生成器

参数:

名称类型标识描述
[len] Number 可选

自定义生成的uuid的长度(可以不定义)

返回值:

[String]

uuid

示例:

<script>
    cmp.buildUUID()
</script>

extend

extend
(
  • object1;被合并的对象
  • object2:合并的对象
)
Object

对象合并工具,生成一个新对象

参数:

名称类型标识描述
object1;被合并的对象 Object 必选
object2:合并的对象 Object 必选

返回值:

[Object]

返回一个合并后的新对象

示例:

<script>
    cmp.extend({key1:null,key2:"key2default"},{key1:"key1Value",key2:"key2newValue"}) //合并的值为{key1:"key1Value",key2:"key2Value"}
</script>

getLeft

getLeft
(
  • target
)
Number

获取指定元素的绝对left值

参数:

名称类型标识描述
target HtmlObject 必选

//指定的html元素

返回值:

[Number]

返回元素处于页面中的绝对left值

示例:

<script>
    var target = document.getElementById("target");
    cmp.getLeft(target)
</script>

getTop

getTop
(
  • target
)
Number

获取指定元素的绝对top值

参数:

名称类型标识描述
target HtmlObject 必选

//指定的html元素

返回值:

[Number]

返回元素处于页面中的绝对top值

示例:

<script>
    var target = document.getElementById("target");
    cmp.getTop(target)
</script>

parents

parents
(
  • target
  • attr
)

查询指定元素的所有父元素

参数:

名称类型标识描述
target HtmlObject 必选

指定的html元素

attr String 必选

过滤属性,如果定义了attr参数,则查询指定元素的父元素中有该属性的父元素

示例:

<script>
    var target = document.getElementById("target");
    cmp.parents(target,"binded") //获取所有有binded属性的父元素
</script>

time

time
(
  • ms
  • withDate
)
String

将timestamps 转为 yyyy-MM-dd hh:mm格式(此方法兼容了时区导致的时间不与中国时间同步的问题)

参数:

名称类型标识描述
ms Number 必选

毫秒值(1970年至今的毫秒数)

withDate Boolean 必选

是否包含日期 不传默认不包含日期

返回值:

[String]

日期格式的字符串,如2016-08-31 8:10:10

示例:

<script>
    cmp.time(182738127,true)
</script>
Top