如何将example.com/index.php#anchor的URL重写为example.com/anchor？

Question

I have a page ( example.com ) with anchors at major sections ( example.com/index.php#anchor , example.com/index.php#about , example.com/index.php#contact , etc.) as well as subpages ( example.com/subpage.php ).

Here's my .htaccess file:

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]

The subpage rewrite rule works great.

For the anchor link, including the " R " (redirect) flag changes the URL to example.com/index.php#anchor , but I want the URL to be example.com/anchor .

If I remove the R flag and enter example.com/anchor into my browser, than it goes to the index page and keeps the clean URL (example.com/anchor) but doesn't scroll to the anchor .

So... Is there any way to achieve this in .htaccess, or is there a good way to achieve this with JavaScript?

Answer 1

It's not possible to do that with URL rewrite. Because the browser scroll down when the # is part of the URL... not on the server side.

Answer 2

You can't do this with .htaccess . But you can do it with the following JavaScript code:

window.location = String.prototype.replace(window.location, /index\.php#(.*)/, function(match, g1){return g1;});