H5的template标签和草案中的rel="import"

最新推荐文章于 2024-01-19 17:12:39 发布

Cceking

最新推荐文章于 2024-01-19 17:12:39 发布

阅读量4.5k

点赞数

分类专栏：前端文章标签：前端 html5

本文链接：https://blog.csdn.net/Cceking/article/details/81292924

版权

无关的mark：Chrome浏览器的控制台提供了$(selector)和$$(selector)，分别是querySelector() 和 querySelectorAll的一个快速的替代，这和jquery无关，所以诸如jquery.parent()啥的是用不了的。

H5的template标签

想不到H5这么强大，和angular里面的ng-repeat的效果是类似的已经支持了（类似，就是没有数据绑定，不过也可以模拟），那就是<template>。

HTML <template>元素 是一种用于保存客户端内容的机制，该内容在页面加载时不被渲染，但可以在运行时使用JavaScript进行实例化。

可以将一个模板视为正在被存储以供随后在文档中使用的一个内容片段。

虽然, 在加载页面的同时,解析器确实处理元素的内容，这样做只是确保这些内容是有效的; 然而,元素的内容不会被渲染。

参考MDN，先运行以下代码

<html>
<table id="producttable">
  <thead>
    <tr>
      <td>UPC_Code</td>
      <td>Product_Name</td>
    </tr>
  </thead>
  <tbody>
    <!-- 现有数据可以可选地包括在这里 -->
    <template id="productrow"&

最低0.47元/天解锁文章

Cceking

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
2
评论
H5的template标签和草案中的rel="import"

无关的mark：Chrome浏览器的控制台提供了$(selector)和$$(selector)，分别是querySelector() 和 querySelectorAll的一个快速的替代，这和jquery无关，所以诸如jquery.parent()啥的是用不了的。H5的template标签想不到H5这么强大，和angular里面的ng-repeat的效果是类似的已经支持了（类似，就是没...
复制链接

扫一扫