js 点击某个区域跳转即某个<div区域

最新推荐文章于 2025-05-31 09:35:27 发布

转载最新推荐文章于 2025-05-31 09:35:27 发布 · 4k 阅读

js 专栏收录该内容

44 篇文章

订阅专栏

本文解析了一个商品展示页面的代码结构，包括商品图片、名称、价格等详细信息，并介绍了如何通过点击跳转到商品详情页。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <div class="media medi" onclick="javascript:location.href='{:U('detail', 'id='.$shop['id'])}'">

 <div class="cp_bt" style="margin-top:15px">


	<foreach name="goods_shop" item="shop"  >

            <div class="media medi" onclick="javascript:location.href='{:U('detail', 'id='.$shop['id'])}'">
                  <a class="pull-left" href="{:U('detail', 'id='.$shop['id'])}">
                          <img class="media-object" src="{$shop.goods_img}" alt="媒体对象" width="100" height="100">
                  </a>
                  <div class="media-body"    >
                      <h6 class="media-heading med_head">{$shop.goods_name}</h6>
                      <div class="page-header pa_hea">
                           <h2>好评率:{$shop.class}<small style=" float:right">{$shop.sales_volume} 人已购买</small></h2>
                           <h3><span class="pull-left">￥ {$shop.price}</span> <!--<a class="sma_bg pull-left" href="javascript:">{$shop.volume}元</a> --> </h3>
                           <p class="clearfix"></p>
                           <h2>{$shop.evaluation1}人评价</h2>
			</div>
                  </div>
	    </div>
	</foreach>



            <div class="cksy_btn">
            	<a href="{:U('find')}">查看所有商品</a>
            </div>