【CSS】数据统计

微信订阅号:Rabbit_svip



使用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)。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前端开发面试题 面试题目: 根据你的等级和职位的变化,入门级到专家级,广度和深度都会有所增加。 题目类型: 理论知...
    怡宝丶阅读 2,611评论 0 7
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 2,579评论 0 25
  • 前端开发知识点 HTML&CSS对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型...
    Hebborn_hb阅读 856评论 0 1
  • 人生若只如初见, 何事秋风悲画扇。 等闲变却故人心, 却道故人心易变。 骊山语罢清宵半, 泪雨零铃终不怨。 何如薄...
    lessismore_eb19阅读 141评论 0 0
  • 又到了一年冬至,到来之前就想到会有好事发生(当然这也是计划好的一件事)。 入九第一天伴着淡淡的雾气,朦胧的北京迎来...
    我是八爷阅读 459评论 6 8