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

 

 

 

 

 

相关文章
|
20天前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
44 7
|
1月前
html页面点击按钮实现页面跳转功能
html页面点击按钮实现页面跳转
58 11
|
19天前
太便利了 !通义灵码方便生成html页面
太便利了 !通义灵码方便生成html页面
42 0
|
1月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
50 2
|
27天前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
36 0
|
2月前
|
移动开发 HTML5
一个最简单的 HTML 页面结构如下:
HTML 是一种标记语言,用于描述网页结构。通过 `&lt;html&gt;`, `&lt;head&gt;`, `&lt;body&gt;` 等标签构建页面,支持文本、图像、链接、表格等多种元素。本文介绍了 HTML 基础,包括常用标签及创建简单网页的实例,帮助初学者快速入门。
74 0
|
2月前
|
XML Web App开发 数据格式
HTML 页面显示 XML 数据
10月更文挑战第2天
|
20天前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
29 6