html5 - 下面这一段的data-plugin-type是什么意思-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

html5 - 下面这一段的data-plugin-type是什么意思

大家讲道理 2017-04-17 11:45:57

[HTML讨论组]

723

 <section class="page page-batt" data-plugin-type="info_front">
        <section class="page-content">
            <p class="bgImg_con">
                <img class="deviceor" src="images/1.jpg">
            </p>
            <img src="images/1_1.png" class='a-fadeinT' style='position:absolute;'>
        </section>
    </section>

自己在一个展示的网页上面看到了这个代码，这个展示的h5引入了app.min.css 和app.min.js 请问这个data-plugin-type是哪里定义的，自己在js里面没有找到相关的函数，还是h5本来就有这个东西？

大家讲道理

光阴似箭催人老，日月如移越少年。

全部回复(1)

PHP中文网2017-04-17 11:47:57 1楼

这个就HTML很早就直接的data属性，可以快速而又规范的读取属性中的数据，看个例子：

<p id="pTest" data-attr="test" data-plugin-type="p" data-plugin-name="p_element"></p>
<script type="text/javascript">
  var pE = document.getElementById('pTest');
  console.log('pE.dataset:', pE.dataset);
</script>

输出的结果如下：

{
  attr: "test",
  pluginType: "p",
  pluginName: "p_element"
}

此外，还可以在 CSS 里使用，具体你可以看看这里的介绍。

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

app下载

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

PHP学习

技术支持

返回顶部