问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

为什么点击锚点链接就会打开新的html页面

发布网友 发布时间:2022-05-01 02:31

我来回答

2个回答

懂视网 时间:2022-05-13 15:25

相信大家挺经常见过这样一个效果。有一个很长很长的页面,分成好几部分,目录中一点击,就能定位到页面某个位置。

例如:有这样一个目录,例如你点击一下“HTML”,就会直接跳转到“HTML”的页面位置

这就是锚点链接(也叫书签链接),常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利工具。

在长页面中,用锚点定位本页面的某个位置,那用锚点链接就可以了。用法很简单,代码demo如下:

Document点击我,会锚点定位到某个地方


















某个地方哈哈哈哈

  

接下来,要讲的hash属性的锚点链接,实用性蛮高的。

在一次建站的过程中,遇到我遇到了这样一个问题,

在首页的导航中,我准备点击about下拉菜单的joinus,但是跳到about页面后的tab还是已经停留在news的版块,并不是joinus的版块。如图所示:

面对这种情况,我采用的是hash属性锚点链接,思路是这样的,先在index.html的导航四个链接中,先设置hash值,然后等到跳转到about.html的时候,再用var tab_hash=window.location.hash,去获取后面的hash值,才进行逻辑判断。

简单点说:其实还是跟普通的跳转一样,只不过在跳转的url后面加多了一个信息,让页面跳转后,再把信息拿下来使用。

一个小小实用性的属性,分享给大家,顺祝码祺!

热心网友 时间:2022-05-13 12:33

是因为链接的target属性,
指向了_blank
target有这样几个写法:
1.
_self
默认的
在当前页打开
2.
_blank
新窗口打开
3.
_parent
如果是用了frameset的话,
_parent会在父frame打开
4.
_top
如果用了frameset的话,
用当前页替换整个frameset,
这个也可以避免别人引用你的页面
为什么点击锚点链接就会打开新的html页面

是因为链接的target属性, 指向了_blank target有这样几个写法:1. _self 默认的 在当前页打开 2. _blank 新窗口打开 3. _parent 如果是用了frameset的话, _parent会在父frame打开 4. _top 如果用了frameset的话, 用当前页替换整个frameset, 这个也可以避免别人引用你的页面 ...

HTML打开一个链接的时候如何不跳转新窗口直接在内嵌页面展示?

<iframe src="./face/index.html" name="obj" frameborder="0"></iframe> 请点击输入图片描述

html 如何在框架导航中创建 锚的链接 html如何创建使用锚

1、左边页面的链接是有target的,指向另一个框架,这样点击就会在另一个框架打开了,而另一个页面是带有锚点的,连接后边加#锚点名就可以跳过去了。2、content.html。3、。4、<frame src=/example/html/link.html name=showframe>注意这个name和连接的target一样。

html点击按钮跳转到另一个html(html点击跳转到指定位置)

html中点击按钮跳转另一html文件问题首先,我们新建一个带有button按钮的页面,在Dreamweaver中打开这个页面。button按钮不能直接添加herf属性,我们可以通过button的onClick事件来实现页面的跳转。可以使用代码跳转到指定位置。转到指定位置是指向idweizhi的页面部分的超链接。位置/div是需要转移的部分。id的值应...

锚点是什么意思

锚点是一个HTML元素的标记,它被用于在页面上创建一个可供跳转的目标位置。通过在锚点上设置特定的id属性值,可以轻松地在页面中的另一个位置创建一个链接,当用户点击该链接时,页面会自动滚动到具有相应id的锚点位置。锚点通常用于导航栏中的链接或长页面上的内容跳转。

超链接如何返回到原来位置

锚点是HTML中的一个标记,可以用来标记页面中的某个位置。在超链接中,我们可以使用#符号加上锚点名称来指定链接的目标位置。例如,返回顶部表示点击链接后会跳转到页面顶部的位置。在页面中设置锚点也很简单,只需要在目标位置添加一个标签,并在其中设置name属性为锚点名称即可。例如,表示设置了一个名称...

HTML做的网页,如何使当前页面跳转到另一页面锚点处,在线等?

2、t2页面中设置锚点元素的ID为a1。占位div1 锚点a1 占位div2 3、浏览器中打开t1页面(以Chrome浏览器为例,其他浏览器操作一样)。4、点击“跳转到t2页面a1”,Chrome浏览器会新开一个标签页打开t2页面,此时锚点a1在浏览器可视范围内并且位于页面的顶端。这样,外部锚点链接就设置成功了。

锚点链接和超链接有什么区别?

超链接用于 点击到达某个页面或打开/下载某个文件 举个简单的例子 多个网站中的 回到顶部 按钮 就是用锚点做的 锚点的写法是 <a href="#锚点名字">锚点</a> 如下:<a href="#top">回到顶部</a>锚点需要定于锚点的名字,例如上面的这个top,你需要到页面的顶部任意找一个标签加上锚点的名字...

如何使链接跳转到另一个页面里动态面板的某个状态

如果状态设计动态数据就带参数,更具参数判断显示 如果是跳到某个位置,就是加#锚点名称 用锚点了。

a href="#" 这个在html中有什么作用?

作用是可以想要跳转到其他的页面,但是不想要影响本页,那么就可以进行添加#就可以跳转到自己所想要的页面,是重新打开一个网页。a href ="#" 默认打开的还是当前页面,会刷新一下重新打开。a href ="#" 浏览器地址栏网址后面会多显示1个#。不会刷新页面,会回到页面顶部。

html锚点链接怎么弄 html锚点怎么在本页跳转 html超链接锚点 html怎么加锚点 怎么跳转到另一个网页的锚点 html同网页锚点跳转 表示跳转到页面锚点的代码 html 锚点 html5设置锚点
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
手机扫码中病毒,是因为QQ浏览器的缝隙致使的么 榆次老城-二堂地址在哪里? 为什么天不到七月一日广州到重庆北的其它车次的火车票 孙红雷参演过哪些影视作品啊? 漆黑的子弹好看吗 在淘宝网上购买东西安全吗 在淘宝上买东西又买到假货了,伤心难过中。。。试问天下网站,哪个是正 ... 为什么苏联二战前期被打的很惨,后期却变得十分强势 在360buy 当当 京东 这些地方网购ipod touch是否安全 太极熊猫2双子之力闪避流冷门副将搭配攻略 我想自学超链接,但是好像快笨到死了。看了好多输入的文字 为什么有些网站点里面的链接或标题是另开窗口,而有些是覆盖当前窗口??我网站原因还是我设置原因? 关于用c#.net开发的网页无法打开超链接问题。。 target blank title指的是什么意思? java链接或onclick链接如何在目标窗口打开? C#中WebBrowser的超链接怎么在当前窗体显示 C#webbrowser如何强制所有链接都在新窗口打开 支付宝如何快速提额? 支付宝怎么就可以提额不要手续费 html 热点如何设置成新窗口打开 支付宝,快速提额? 我用fireworks做的切片和HTML然后在frontpage里面给每个贴片添加链接,想问怎么让点击链接时在新窗口打开 你好我是交通银行的卡,信用卡可以提现吗? 山东省中国电信客服电话怎么打不通 java 请问下SpringMVC中Spring是怎么去解析XML? 请问交通银行信用卡能在别的银行取款机取钱吗?手续费是多少,200快 山东黄屯电信客服电话? 交通银行信用卡可以取现金吗 手续费怎么算 中国电信的咨询电话是多少?100几了? 交通银行信用卡取钱有手续费吗 四季的风这首诗中写了哪些景物 “春风吹,夏雨落,秋霜降,冬雪飘”这组词语描写的景物有什么? 分别描写四季的风的四字词有哪些 四季的风的阅读答案 全部、准确 春风吹夏雨落秋霜降冬雪飘这四组词语描写的景物有什么 如果用暖风、热风、金风、寒风来表示四个季节的风,那么我们还能用哪些类似的词语来描写四季的风? 描写四季的风二字词语 青椒怎么烧才不辣 描写四季景物的古诗有哪些? 《醉翁亭记》中描写四季景色的句子有哪些? 描写四季的风的排比句 青椒摘炒的全部过程,要怎么才不辣呢?炒好的菜也不辣最好… 四时之景不同,而乐亦无穷也是什么意思 关于描写四季景色的四字词语有哪些? 故宫里的大怪兽狐仙介绍 你给《故宫里的大怪兽》打几分,为什么 故宫里的大怪兽第20集告诉我们一个什么道理 故宫里的大怪兽升级版和普通版区别 《故宫里的大怪兽》发布会在北京举行,主演现在确定的有谁呢? 抛开剧情,《故宫里的大怪兽》你觉得女主应该和谁在一起