开发者社区> 无信不立> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

jsp页面编写锚点,和html页面编写锚点

简介: html锚点的编写方式,在jsp中不兼容。因此在写动态网页时,需要注意   一:html页面中的锚点编写方式 1 HTML锚点 2 3 goto1 4 5 111 6 7 这样从goto1可以定位到111 View Code 二:jsp页面编写锚点的方式 ...
+关注继续查看

html锚点的编写方式,在jsp中不兼容。因此在写动态网页时,需要注意

 

一:html页面中的锚点编写方式

1 HTML锚点
2 
3 <a href="#abc">goto1</a>
4 
5 <a name="abc">111</a>
6 
7 这样从goto1可以定位到111
View Code

二:jsp页面编写锚点的方式

JSP锚点

<a href="javascript:void(0)" onclick="document.getElementById('abc').scrollIntoView();">goto1</a>

<a id="abc">1111</a>
View Code

   jsp页面编写锚点另一方式 

1  
2 
3 今天在jsp页面中想用a标签的锚点实现在页面内的定位,一种方法为
4 
5 <a href="javascript:void(0)" onclick="window.location.hash='view'"></a>
6 
7 <a name="view"></a>
View Code

 jsp页面编写锚点的另一种方式

1  <a href="left.jsp?#first" >第一章</a>
2 <a name="first">第一章内容</a>
3 
4 //这样设置锚点,需要先写路径。即使是本页面的锚点,也需要些路径。否认则会跳转的项目的跟目下,或者报错
View Code

 

 

 

 

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
一段最简单的实现HTML页面上倒计时的动态效果
一段最简单的实现HTML页面上倒计时的动态效果
172 0
一段最简单的实现HTML页面上倒计时的动态效果
一段最简单的实现HTML页面上倒计时的动态效果
61 0
第88天:HTML5中使用classList操作css类
在HTML5 API里,页面DOM里的每个节点上都有一个classList对象,程序员可以使用里面的方法新增、删除、修改节点上的CSS类。使用classList,程序员还可以用它来判断某个节点是否被赋予了某个CSS类。
872 0
+关注
无信不立
人无信不立,业不勤不精
文章
问答
文章排行榜
最热
最新
相关电子书
更多
《零基础HTML入门教程》
立即下载
利用 Poplayer 在手淘中实现稳定业务和临时业务分离
立即下载
低代码开发师(初级)实战教程
立即下载