超链接跳转到不同页面的锚点链接

在做前端的时候,有时会遇到这样一种情况:要在此页面跳转到另一个页面的某个地方。这种情况,就可以使用超链接和锚点链接进行调转了。比如要从index.html页面的某个超链接调转到single.html页面的底部,则此时可在single.html页面底部添加一个锚点。然后在index.html的超链接里加上此锚点的名称即可。

index.html页面的超链接:

<a href="single.html#CompanyProfile">企业概况</a>

single.html页面的锚点:

<h2><a name="CompanyProfile">企业概况</a></h2>

这样,在index.html页面点击了超链接后就直接跳转到single.html页面“企业概况”标题了。

时间: 2024-10-10 17:29:39

超链接跳转到不同页面的锚点链接的相关文章

JQuery 实现锚点链接之间的平滑滚动

web开发前端一直用JQuery ,真正接触了才体会到,JQuery 原来比我想象的要强大的多,也可能比我体会到的还要强大的多,特别是兼容性那个好,于是把一些好玩的,酷炫的,能够取代 JS 的.统统给用上了. 从 JQuery 引入今天的正题.用 JQuery 实现锚点链接之间的平滑滚动.曾经介绍过一个用 JS 实现的页面锚点跳转缓冲特效,效果相当不错.能够在同一页面的锚点链接之间实现平滑的滚动,可是 JS 代码相对来说比較冗长.如今好了.仅仅要已经载入了 JQuery.我们就能够用较为简短的代

制作锚点链接

锚点链接有什么作用呢?当一个页面过长,拖动起来非常的费劲,于是在本页面建立锚点链接,在本页面进行链接. 1.先举个例子,说下下锚点链接的概念. 如图所示,比如,如图所示是一个网页. 锚点链接的意思说就是:"abc"就是一个链接,我点击"abc"之后,就会跳转到"123"的位置上. 最常用的方式,在一个网页的开头,做一个目录,每一个目录都是一个锚点链接,然后链接到本页面相关的位置. 2.锚点链接的语法:<a name="锚点的名字&

html 锚点(超链接跳转和js中跳转)

超链接跳转同页面: <a href="#q1">问题一?</a> <a href="#q1">问题二?</a> <a href="#q1">问题二?</a> <a name="q1">问题一的解答</a> 不同页面: a.html的内容 <a href="b.html#q1">问题一?</a&g

关于页面中锚跳转问题

一般页面的锚跳转都是通过href="#id"的方式跳转,但是我的项目 ,ssh框架的 ,不知道什么原因,只要是href中#开头,就跳到项目默认页面index.jsp. 后来找到了别的办法,不用超链接 ,改用方法调用,用下面代码:onClick="window.location.hash= 'topp';" topp是我定义的锚点,结果好使了. 但是超链接失效的原因至今不知道,如果有知道的朋友请告诉一下  

jQuery实现页面内锚点平滑跳转

平时我们做导航滚动到内容都是通过锚点来做,刷的一下就直接跳到内容了,没有一丝的滚动效果,而且 url 链接最后会有“小尾巴”,就像#keleyi,今天我就介绍一款 jquery 做的滚动的特效,既可以设置滚动速度,又可以在 url 链接上没有“小尾巴”. 效果体验:http://keleyi.com/keleyi/phtml/jqtexiao/37.htm HTML文件代码: <!DOCTYPE html> <html> <head> <meta charset=

Vue爬坑之旅(八):vue单页面中锚点跳转

一般情况下我们在html中使用锚点时会利用链接方式请求‘#+id名称’,此时会在url后面跟一个#号.但是在单页面中会有路由误判的情况.所以在单页面中锚点可改为参数传递的方式. 一.封装一个外部js:anchor.js //锚点跳转 function goAnchor(selector) { var anchor = this.$el.querySelector(selector);//获取元素 if(anchor) { setTimeout(()=>{//页面没有渲染完成时是无法滚动的,因此设

超链接标签a的美化,点击图片文字还是图片都能够跳转至指定页面。以下内容可直接通过鼠标左键选取然后复制到编辑器中直接运行。

<!DOCTYPE html> <html lang="zh-en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a href="https://www.baidu.com"> <h1>跳转百度</h1> <p&g

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

html锚点的编写方式,在jsp中不兼容.因此在写动态网页时,需要注意 一:html页面中的锚点编写方式 1 HTML锚点 2 3 <a href="#abc">goto1</a> 4 5 <a name="abc">111</a> 6 7 这样从goto1可以定位到111 二:jsp页面编写锚点的方式 JSP锚点 <a href="javascript:void(0)" onclick=&q

微信点击图文消息链接 在根据判断跳到另一个页面 但是 点关闭 将当前的关闭之后 会出现空白页

<script> function ss() { var u = navigator.userAgent; if (u.indexOf('Android') > -1 || u.indexOf('Linux') > -1) {//安卓手机location.href = '2.html?id=3323/#wechat_redirect'; } else if (u.indexOf('iPhone') > -1) {//苹果手机location.href = '2.html?id