URLの♯（ハッシュマーク）の代替え手段

解決済

質問者：d_382
質問日時：2012/08/13 13:13
回答数：3件

URL#○○ で、同一ページ内をid=○○までジャンプすると思うのですが、
アドレスに#を使用しないで同じことができませんか？
アドレスに#記号が入るのが見映え的に嫌なのです。

初心者の質問ですみませんが、
よろしくお願いいたします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

ベストアンサー優先
最新から表示
回答順に表示

No.3ベストアンサー

回答者： ORUKA1951
回答日時：2012/08/15 19:47

#移行はURLの一部ではありますが、それより前は本来のなすりです。

　#以降の部分識別子はブラウザに保存され、サーバーには送信されません。
URLでサーバーに送られる要求の
http:　　　　　プロトコル
// 　　　　　　インターネット
hoge.com 　　　ドメイン
/abc/efg/hijk　PATH_INFO
?以降　　　　　QUERY_STRING
　はご存知だと思います。

　QUERY_STRIMG が、かっこ悪い--ではなくて、セキュリティ上問題がある場合には、PATH_INFOや標準入力を使います。
　その方法を使うのでしたら、メールで標準入力は使えませんからQUERY_STRINGないし、PATH_INFOで情報を渡し、サーバー側でスタイルシートを書き換えて出力させるのが良いでしょう。javascriptではセキュリティ上難しいでしょう。

[例]
http：//hoge.com/abc/efg/hij/klm
でURL示す。
サーバーはabcというCGIプログラムで、ページを作成し、その時点でのPATH_INFO(/efg/hij/klm)のページを表示し、そのページでスタイルシートの呼び出し先(rel)で、スタイルシートをことなる指定するか、スタイルシートもCGIで出力して、HTTP_REFERERからスタイルシートを書きかえる。

　簡単な方法として思い浮かぶのはこの程度ですが、「労多くして功少なし」の感を否めません。

　#2.1.2 部分識別子 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )は、ページ内の特定の位置(一意の場所)を示す重要なものです。決したかっこ悪いものではありません。↑のように。

- 0
- 件

通報する

No.2

回答者： aoyama984
回答日時：2012/08/14 04:08

http://p.tl/

- 0
- 件

通報する

No.1

回答者： cma3atgoo
回答日時：2012/08/13 16:20

ご要望に沿うかわかりませんが、

自分の勉強がてらに調べてみましたので参考までにソースを貼ります。
javascriptを使っているのでアドレス欄は変わりません。IEだと警告が出たりしますが。
jQueryを使っています。
jQueryについては検索するといろいろ出てきますので調べてみてください。

ここから=================================
<html>
<head><title></title>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function gototop() {
$('html,body').animate({ scrollTop: 0 }, 'fast');
}
function goto(toid) {
var p = $("#" + toid).offset().top;
$('html,body').animate({ scrollTop: p }, 'slow');
}
</script>
</head>
<body>
<A href="javascript:goto('A');">AAAAA</A>
<br>
<A href="javascript:goto('B');">BBBBB</A>
<br>
<A href="javascript:goto('C');">CCCCC</A>
<br>
<p id="A">AAAAAAAAAAAAAAAAAAAAAA<p>
<A href="javascript:gototop();">top</A>
<br>
<p id="B">BBBBBBBBBBBBBBBBBB<p>
<A href="javascript:gototop();">top</A>
<br>
<p id="C">CCCCCCCCCCCCCCCCCCCCCC<p>
<A href="javascript:gototop();">top</A>
</body>
</html>
ここまで=================================

- 0
- 件

通報する

この回答へのお礼

わざわざお調べいただいてありがとうございます。

説明不足で申し訳ございません、
「リンクの貼り方」ではなく「アドレスに#を使用しない方法」を知りたかったのです。

同ページ内のどこかをクリックするのではなく、
たとえばメール等で人に「ここを見て→http://www～.co.jp#idだよ！」と紹介する際
#を表示したくないのです。

大変失礼いたしました。

通報する

お礼日時：2012/08/14 01:37

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！