新闻资讯
【CSS】数据统计
编辑:010 时间:2020-02-12
使用CSS也能给后台提交信息。
这个方法算是很取巧的,有点像向后台请求一个图片url,每请求一次,后台就累计一次。
这里所要用到的是CSS伪类:active
:active伪类可以用于设置元素激活状态的样式。意思就是通过点击鼠标主键(或者其他输入设备,比如触控笔、笔记本的触摸板、甚至是一些触摸屏等)触发。
通过CSS可以请求资源的能力,反过来向后端传递数据,不过这种能力是很有限的。
<button class="button-1">按钮</button> <button class="button-2">按钮</button> <style> .button-1:active::after { content: url(xxx?action=click&imgId=btn1); display: none; } .button-2:active::after { content: url(xxx?action=click&imgId=btn2); display: none; } </style>
此时每点击一次按钮,就会提交一次数据给服务器。
这种上报数据的方式,计算把JS禁用掉也没办法阻止的(旧版IE就要用户手动开启JS)。
郑重声明:本文版权归原作者所有,转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。
回复列表