JS中从商城首页传过来一个分类的参数，如何在分类页面中给这个参数所对应的div添加自动点击事件

Question

首页有若干个商品分类图片，点击图片会跳转到商品分类页面，要实现点击哪一个图片，分类页面就显示哪一个图片对应的div，让它显示一个背景颜色

Answer 1

【相关推荐】

• 这有个类似的问题, 你可以参考下: https://ask.csdn.net/questions/7536648
• 这篇博客你也可以参考下：【JavaScript】给一个div块添加链接，实现点击跳转页面
• 您还可以看一下 吴华老师的javascript零入门实战系列课程中的 通过函数参数简化div修改属性,屏蔽空超链接小节, 巩固相关知识点
  
• 除此之外, 这篇博客: 多种方法解决多个div并排显示的问题中的 （将对象作为弹性弹性盒显示） 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

  在元素上设置该属性，可使其子代排列在同一水平上，类似display:inline-block。
  可在其子代设置如下属性：（具体讲解可参考：

  display: box)

  1.box-flex:number
  \qquad（1）占父级元素宽度的number份
  \qquad（2）若子元素设置固定宽度，则该子元素应用固定宽度，其他未设置固定宽度的字元素将余下的父级宽度（父级-已设置固定宽度的子代元素的总宽度按　number占份数
  \qquad（3）若子元素有margin值，则按余下（父级宽度-子代固定总宽度-总margin值）宽度占number份
  2.box-orient:horizontal/vertical
  \qquad在父级上设置该属性，则子代按水平排列或竖直排列。
  \qquad注：所有主流浏览器不支持该属性，必须加上前缀。
  \qquad（1）horizontal 水平排列，子代总width=父级width。若父级固定宽度，则子代设置的width无效，子代会撑满父级宽度。
  \qquad（2）vertical 垂直排列，子代总height=父级height。若父级固定高度，则子代设置的height无效，子代会撑满父级高度。
  3.box-direction:normal/reverse
  \qquad在父级上设置该属性，确认子代的排列顺序。
  \qquad（1）normal 默认值，子代按html顺序排列
  \qquad（2）reverse 反序
  4.box-align:start/end/center/stretch
  \qquad在父级设置，子代的垂直对齐方式。
  \qquad（1）start 垂直顶部对齐
  \qquad（2）end 垂直底部对齐
  \qquad（3）center 垂直居中对齐
  \qquad（4）stretch 拉伸子代的高度，与父级设置的高度一致。子代height无效。
  5.box-pack:start/end/center
  \qquad在父级设置，子代的水平对齐方式。
  \qquad（1）start 水平左对齐
  \qquad（2）end 水平右对齐
  \qquad（3）center 水平居中对齐

  由于子元素 box-orient 的默认值是 box-orient:horizontal（即子元素水平排列），那么只需要在父元素上设置 display: box即可实现 div 水平排列的效果

如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^