锚链接那点事

1、本页面的锚链接

<a href="#aaa">锚链接</a>//连接锚点

<div name="aaa" id="aaa">锚链接到这里</div>//设置锚点


2、跳转到b.html页面锚链接

//a页面代码

<a href="b.html#aaa">锚链接</a>//连接锚点

//b页面代码

<div name="aaa" id="aaa">锚链接到这里</div>//设置锚点


3、jsp页面先去后台读取数据,跳转到新页面并且跳到指定位置

a.jsp页面代码

<a href=''servlet?id=123#detail''></a>

servlet.java页面代码

public void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
       //读取数据
        response.sendRedirect("b.jsp");
    }


b.jsp页面代码

<div id="detail" name="detail">这里描述详细信息</div>



4//设置图片点击不同区域显示不同页面

<!--用来定位坐标coords<div style="background-color: red;width: 96px;height: 40px;position: relative;top: 150px;left: 139px;"></div>-->
<img src="images/主页面.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
  <area shape="rect" coords="7,110,103,150" οnclick="javascript:alert(1);"/><!--矩形-->
  <area shape="circle" coords="160,110,50" οnclick="javascript:alert(2);"/> <!--圆-->
  <area shape="poly" coords="271,110,367,150,330,130" οnclick="javascript:alert(3);"/><!--多边形-->
</map>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值