Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何将example.com/index.php#锚点的URL重写为example.com/锚点?

如何将example.com/index.php#锚点的URL重写为example.com/锚点?
EN

Stack Overflow用户
提问于 2014-11-07 23:46:15
回答 2查看 297关注 0票数 3

我有一个页面(,example.com,),在主要部分,(example.com/index.php#anchorexample.com/index.php#aboutexample.com/index.php#contact,等处有锚点。)以及子页面(example.com/subpage.php).

下面是我的.htaccess文件:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
RewriteEngine On

DirectoryIndex index.php
ErrorDocument 404 http://example.com/my404page.php

RewriteRule ^anchor/?$ index.php#anchor [R,NE,L]
RewriteRule ^subpage/?$ subpage.php [NE,L]

子页面重写规则非常有效。

对于锚链接,包括“R URL”(重定向)标志将URL更改为example.com/index.php#anchor,,但我希望URL为example.com/anchor.。

如果我去掉example.com锚标志并在浏览器中输入example.com/anchor,那么浏览器就会转到索引页,并保持干净的网址(/),但不会滚动到锚。

所以..。有没有办法在.htaccess中实现这一点,或者用JavaScript实现这一点有没有好的办法?

EN

回答 2

Stack Overflow用户

发布于 2014-11-08 00:39:52

使用URL重写不可能做到这一点。因为当#是URL的一部分时,浏览器会向下滚动...而不是在服务器端。

票数 1
EN

Stack Overflow用户

发布于 2018-10-19 09:52:34

你不能用.htaccess做到这一点。但您可以使用以下JavaScript代码来完成此操作:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
window.location = String.prototype.replace(window.location, /index\.php#(.*)/, function(match, g1){return g1;});
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26811952

复制
相关文章
锚点导航
锚点导航这种功能应该很常见,早之前就分享过移动端移动端导航简单实现,配合起来就很容易实现可移动的锚点导航,而且不是用hash模式。当然,PC端也能直接用。
wade
2021/01/12
2.8K0
锚点导航
HTML锚点
        以前只是知道有锚点这么个东西,一直没有用到,昨天做毕设用到了锚点,现在总结一下控制锚点的几种情况:         1. 在同一页面中 <a name="add"></a><!-- 定
高爽
2017/12/28
3.7K0
HTML内的锚点链接
作者:matrix 被围观: 5,207 次 发布时间:2013-03-14 分类:兼容并蓄 | 无评论 »
HHTjim 部落格
2022/09/26
2.2K0
锚点跳转的过渡效果
CSS实现:http://stackoverflow.com/questions/17631417/css-pure-css-scroll-animation jq实现: $(function () { $('a[href*=#],area[href*=#]').click(function () { console.log(this.pathname) if (location.pathname.replace(/^\//, '') == this.pathname
逸鹏
2018/04/10
1.9K0
vue页面内锚点跳转
这两天想用刚学的Vue做一个网址导航,刚好手里有一个域名v1.pw,于是唯一导航便诞生了。
SingYi
2022/07/13
5.6K1
vue页面内锚点跳转
Confluence 6.15 锚点(Anchor)宏
允许你链接到页面的特定部分。有关如何使用锚点的内容,请参考页面 Anchors 页面中的详细内容。
HoneyMoose
2019/08/28
2.2K0
正则表达式 | 锚点
\z和Z区别:它们都是整段匹配,而\Z匹配的时候在输入的结尾处有和没有终止子(\r,\n,\r\n)都能匹配。
Qt君
2020/07/21
1.6K0
hash实现锚点平滑滚动定位
解析  访问该页面的地址:http://127.0.0.1/anchor.html(我是在本地服务器上测试的)  点击a链接锚点1,则页面会直接跳到红色的div(锚点1),同时,浏览器地址改变为http://127.0.0.1/anchor.html#anchor1  虽然可以直接定位到制定的位置,但是效果很差,没有平缓的过渡效果。
我是leon
2019/08/28
8.7K1
【技巧】ionic3锚点操作
简单记录下,当想滚动到某个位置,可以给该位置一个id,称为锚点,如: <div id="A"></div> 然后在ts里调用下述方法即可,调用前确保html渲染完成: scrollIntoView(id: string){ let element = document.getElementById(id); if(element){ element.scrollIntoView(); } }
IT晴天
2018/08/20
1.4K0
谈谈HTML中锚点及其使用
<a>元素 (或HTML锚元素, Anchor Element)通常用来表示一个锚点/链接。但严格来说,<a>元素不是一个链接,而是超文本锚点,可以链接到一个新文件、用id属性指向任何元素。如果没有<a>元素没有href属性的话,可以作为原本链接位置的占位符,常用于home链接
Javanx
2020/08/19
3.4K0
谈谈HTML中锚点及其使用
可连接的冰箱锚点IoT家庭?
一定要保证鸡尾酒会吹牛的权利,但智能冰箱真的有多么变化? 最新的物联智能(IoT)Tracker™与三星电子美国高级副总裁Yoon Lee一起挖掘出AI嵌入式电器。 李认为,智能冰箱成为“新厨房生活方
架构师研究会
2018/04/09
1.6K0
可连接的冰箱锚点IoT家庭?
cocos2d-x AnchorPoint锚点
锚点是定位和变换操作的一个重点。锚点我们可以看成用一根图钉将一张纸或者相片钉在墙上的那个点。 节点的位置是由我们设置的position和anchor point一起决定的。 值得一提的是,anchor point的默认位置Layer的是左下,而其他的node是中点。 节点的原点是父节点的左下角。 CCLayer* layer1 = CCLayerColor::create(ccc4(255,0,0,255), 300, 200);   CCLayer* layer2 = CCLayerColor::crea
_gongluck
2018/03/08
2.3K0
cocos2d-x AnchorPoint锚点
HTML 锚点三种实现方法
scrollIntoView()的用法 scrollIntoView是一个与页面(容器)滚动相关的API,该API只有boolean类型的参数能得到良好的支持(firefox 36+都支持)
青梅煮码
2023/01/16
3.5K0
react-router 环境使用锚点的方法
锚点是通过在界面中增加一些特征(比如 id),然后在 URL 地址后面加上 #id 就可以访问到指定页面的指定位置,这样可以让我们快速跳转到页面的某个位置,但是在 react-router 中这种方法遇到了问题,因为 react-router 会把 # 当做是 hash 来处理。导致即使跳转到指定页面后,# 后面的锚点也不生效。针对这个问题,在 react-router 的一个 issue 中大家也展开了激烈的讨论。以下是我看过以后整理的几种解决办法。 只有某些页面需要 当只有某些页面需要使用锚点的时候,可
我与梦想有个约会
2018/07/02
1.9K0
正则表达式 锚点、环视
正则表达式定义了一些特殊字符表示文本中的位置,称作锚点,锚点匹配文本中的某个位置但不消耗字符。这些特殊字符包括
luoheng
2022/08/28
1.4K0
【第012期】如何设置页面锚点
不知道大家有没有注意到,在我们上网的时候,会看到有些链接打开之后可以直接定位到页面的某个位置处。
姬小光
2018/09/05
2.2K0
【第012期】如何设置页面锚点
车品觉:数据,传统企业的锚点
原标题《大数据时代,传统企业该如何找到自己的锚点?》 作者:车品觉 在中国香港,有家日料店。这家店在很短时间内风靡全港,开了多个连锁店。很多市民都知道这家日料店的海鲜非常新鲜实惠,价格只有别家的七折。 我也曾经询问过这位大厨朋友,是什么能做到这么好的生意? 大厨神秘兮兮地问我“你有没有看到每个餐桌上的摄像头?那就是我们的秘密武器。” 原来,这家海鲜店每天都会通过摄像头,查看食客点餐、到餐的顺序,以及剩菜的种类分量。通过这样的盘点,这家餐厅的老板可以准确把握消费者的喜好,从而对北海道的海
大数据文摘
2018/05/23
7730
iOS利用锚点实现定点缩放弹窗
demo下载地址:https://download.csdn.net/download/u011018979/16092830
公众号iOS逆向
2021/07/29
1.6K0
html锚点id属性和name属性
刚接触HTML的时候就知道描点,所以对描点这两个字特别熟悉,但一直没用过😂。最近对模板更新时用到了这一点,举例说一下
Dabenshi
2023/08/24
3870
react-router 环境使用锚点的方法
锚点是通过在界面中增加一些特征(比如 id),然后在 URL 地址后面加上 #id 就可以访问到指定页面的指定位置,这样可以让我们快速跳转到页面的某个位置,但是在 react-router 中这种方法遇到了问题,因为 react-router 会把 # 当做是 hash 来处理。导致即使跳转到指定页面后,# 后面的锚点也不生效。针对这个问题,在 react-router 的一个 issue 中大家也展开了激烈的讨论。以下是我看过以后整理的几种解决办法。 只有某些页面需要 当只有某些页面需要使用锚点的时候,可
我与梦想有个约会
2018/07/02
3K0

相似问题

URL重写锚点

20

重写锚点

15

NGINX:重写url改成hash/锚点

10

PHP URL重写和锚点Javascript

11

Mod重写页面锚点

23
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文