关于锚点如何不用a标签也能实现跳转
2017-07-13 18:22
197 查看
一般情况下的锚点跳转方式
但是如果并不是要点击一个具体的文字,而是图片等怎么办呢,可以用a标签包裹
但如果我需要点击table中的一行进行跳转呢,并不能使用a标签进行包裹,如果都给td内容加a标签包裹,明显没有人愿意这样做
于是我们可以观察锚点跳转实现的原理,当点击锚点后,地址栏变成了blog.csdn.net#point,只是在当前地址后加上了#point,那我们可以用js达到同样的效果
<a href="#point">点击跳转</a> <a name="point">我是锚点</a>
但是如果并不是要点击一个具体的文字,而是图片等怎么办呢,可以用a标签包裹
<a name="point"> <img src="007.jpg" alt="我是图片"/> </a>
但如果我需要点击table中的一行进行跳转呢,并不能使用a标签进行包裹,如果都给td内容加a标签包裹,明显没有人愿意这样做
于是我们可以观察锚点跳转实现的原理,当点击锚点后,地址栏变成了blog.csdn.net#point,只是在当前地址后加上了#point,那我们可以用js达到同样的效果
<table width="100%" style="background-color:#0068b7;"> <tr onclick="javascript:location.href='#point'"> <td>点击跳转</td> </tr> </table> <a name="point" style="display:block;margin-top:1000px;">我是锚点</a>
相关文章推荐
- JS如何实现在页面上快速定位(锚点跳转问题)
- 如何实现点击a标签当所要跳转的页面加载完成后在进行跳转
- 页面使用iframe进行嵌套,关于如何实现,在子页面使整个页面跳转到其他页面
- 如何实现文本框焦点自动跳转及通过回车键提交表单
- 如何实现文本框焦点自动跳转及通过回车键提交表单[引用]
- 关于在SVG中如何实现gif动画的问题?
- 关于perl中如何实现switch结构
- 如何实现ASPX页面等待5秒,自动跳转到另一个页面INDEX。ASPX
- 如何通过服务器ImageButton的Click代码实现跳转(跳转到顶级的框架中)呢
- JSP页面如何访问标签中定义的变量-使用实现
- 如何实现点击一个按钮后跳转的指定的链接页面
- MSDN关于如何实现Dispose
- 最近遇到一个非常棘手的需求是关于邮件转发的问题,请大家来帮忙给出出主意如何实现。
- 如何在UpdatePanel中让GridView中的内容实现点击跳转
- 关于如何动态地在同一页面实现两个 互传
- 求助:关于一个查询的SQL语句,请高人指点如何实现,谢谢!
- 如何用PHP实现网页动态跳转
- 在ASP.NET登录页面中如何实现文本框焦点自动跳转及通过回车键提交表单
- 关于spring 2.0自定义xml 标记 (二 如何实现)
- 关于无模式对话框唯一性如何实现