• ベストアンサー

javascriptで#のリンク先を設定する方法

<a href="#">テスト</a> というリンクにもかかわらず、クリックすると http://hogehoge.jp/ のリンク先に飛ぶリンクを発見しました。 これは一体どうやっているのでしょうか? 多分、javascriptかjqueryを使っていると思うのですが。 Googleで探したのですが、 href="#" で検索しても、検索語でシャープを認識しないので思い通りの検索結果に辿り着くことが出来ませんでした。 どうぞ教えて下さい。

質問者が選んだベストアンサー

  • ベストアンサー
  • yui-magic
  • ベストアンサー率62% (20/32)
回答No.1

多分、リンクは見せかけで実際はonClickのイベントを取って JavaScriptでページを遷移させているのだと思います。 jQueryを使ったサンプル ------script------ $(function() {  $(".test").find("a").click(function()  {   location.href="http://hogehoge.jp/";  }); }); ------html------- <div class="test"> <a href="#">テスト</a> </div>

ubshink
質問者

お礼

完璧です! ありがとう御座いました!!

関連するQ&A

  • リンク先のJavaScriptを実行するリンク

    a.htmには以下のようなJavaScriptが記載されています。 <a href="javascript:c_click(1)">test</a> a.htmの中にはclick内の数字が1~50程度のリンクがあり、 数字に応じて異なるJavaScriptが実行されるページです。 b.htmからa.htmの上記の<a href="javascript:c_click(1)">test</a>が実行されるリンクを作ることは可能なのでしょうか。 たとえば、b.htmに以下のようなHTMLを記述することを想定しています。 <a href="a.htmのjavascript:c_click(1)">test</a>

  • javascript リンク先の変更

    遅くに失礼致します。 Javascriptで可能かどうかは分からないのですが リンク先を変更する手段を探しています。 現在ホームページを組んでおり、jQueryのスクリプトお導入した所、 リンク先に数値が指定してありその数値を変更したいのですが 変更するとjQueryが動作しなくなり困っております。 html側のソースは <a href="a?x=344&y=-53" class="a_a"><img src="#"></a> <a href="b?x=-50&y=0" class="a_b"><img src="#"></a> 等となっており、 画像をクリックしたら一度 a?x=344&y=-53.html に移動してから自動で別ページへ誘導する事を 考えてみたのですがその様なファイルが作れるはずもなく行き先を失いました。 クリックしてリンクが a?x=344&y=-53 なら ****.html に誘導等といった事はjavascriptで可能なのでしょうか? また、対策として何か方法があるようでしたらご教授頂ければ幸いです。 何卒、宜しくお願い致します。

  • javascriptでのリンク表示

    サンプル図(http://lancerevolution.tuzikaze.com/sampletest.html) main.htmlと言うページとmenu.htmlと言うページがあります。 main.htmlと言うページには、  ⇒<a href="b.html?url=http://yahoo.co.jp" target="_blank">Yahoo Japanへ!</a>  ⇒<a href="b.html?url=http://www.google.co.jp/" target="_blank">Googleへ!</a>  ⇒<a href="b.html?url=http://jp.msn.com/" target="_blank">msnへ!</a> と言う3つのリンクがあります。 この3つリンクの内どのリンクでもいいのでクリックした時に、サンプル図の(3)の部分に、  ⇒<a href="http://yahoo.co.jp" target="new">Yahoo Japanへ!</a>  ⇒<a href="http://www.google.co.jp/" target="new">Googleへ!</a>  ⇒<a href="http://jp.msn.com/" target="new">msnへ!</a> として出力することはできますでしょうか? つまり、main.htmlにあるリンクをクリックした時に、main.htmlの「b.html?url=」を含んでいる、リンク全てを(3)の部分に出力("b.html?url="の部分を削除、targetを"new"にして出力)できますか?ってことです。 もし、できるようならどのようなjavascriptが必要でしょうか?どうぞ、よろしくお願いします。

  • JavaScriptでリンクを設定したい

    JavaScript超初心者です。 サイトで画像やテキストリンクが1ページにとても多く、 リンクアドレスも同一のものが数か所あります。 JavaScriptでリンクを設定すれば、リンクだらけにならないと聞いたので 使ってみようと思ったのですが、上手くいきません。 http://www.openspc2.org/reibun/javascript/link/020/ こちらのサイトを参考にやってみたのですが、 テキストリンク1カ所はできました。 でも、画像リンクはnullと表示されて画像も表示されなくなり、 2個目のテキストリンクはリンクになりません。 <a href="./aaa.html"><img src="./img/aaa.jpg" /></a> <a href="./aaa.html">あああ</a> <a href="./bbb.html"><img src="./img/bbb.jpg" /></a> <a href="./bbb.html">いいい</a> <a href="./aaa.html"><img src="./img/ccc.jpg" /></a> <a href="./aaa.html">ううう</a> このように表示されているリンクを JavaScriptでリンクを設定するにはどうしたらよいでしょうか? よろしくお願いします!

  • javaScriptの記述方法

    onclick="javaScript:opensub('pop.html')" のようにあるリンクをクリックしたらウィンドウが開くというのをしているのですが、↓ <input type="image" name="test01" alt="test01" src="test/tes01/01.jpg" onclick="javaScript:opensub('pop.html')"/> <a href="#">○○○○○○○</a> ↑のようなリンクに上記のようなonclick="javaScript:opensub('pop.html')" を記述しようと思ったらどのようにすればいいでしょうか? すいませんがよろしくお願いいたします

    • ベストアンサー
    • HTML
  • リンク先でjavascript

    javascript初心者です。 ファイル内に、縦に長くて、overflow: auto;の指定をしてあるdiv要素(内容は読物です)がありまして、そのファイルではdiv要素の中で4つのアンカーポイントにビューンとスクロールするjavascriptを設置してます。 1つのリンク元ファイルから、4パターンのa hrefリンクをはり、リンク先ファイルのjavascriptを動かす(ページを読み込んですぐ4パターンのアンカーポイントにビューンと飛んでいく)ような指令って、どうやるのでしょうか。

  • javascriptでのリンク

    Yahoo! User Interface Libraryのdialogを起動する時にhtmlに下記のように書いているのですが、 <A id=show href="javascript:;">チェック済</A> このリンクをjavascript内で起動するにはどうすればよいのでしょうか。 この処理を行う前に一旦javascriptで行いたい処理があり、 javascript内で上記を実行したいのです。 リンクは location.href="javascript:;"> というように設定して、上記のid=show の部分はどのように指定すれば 良いか教えてください。 宜しくお願いします。

  • JavaScript付きのリンクを送りたい

    初心者的な質問ですが、よろしくお願いします。 他人に検索結果のURLを送る場合、そのまま結果ページのURLをメール等に貼り付ければ、相手はクリックするだけで検索結果のページが見れます。 たとえばGoogleで「あいうえお」を検索した結果を送りたい場合、 http://www.google.co.jp/search?hl=ja&source=hp&q=%E3%81%82%E3%81%84%E3%81%86%E3%81%88%E3%81%8A&lr=&aq=f&oq= というクエリ付きのリンクを送ればいいので簡単です。 しかし、サイトによってはJavaScriptでキーワードをサーバーに送信し、同じページに検索結果を表示しているので、URLは変化しません。 formタグ内のaction関数名や、inputタグのname属性はソースを見ればわかるのですが、どうやってURLに組み込むかがわかりません。 相手にはクリックするかブラウザのアドレスバーに貼り付ければ直接検索結果が見れるようにし、お気に入りに入れればブックマークレット的に使えるかと思うのですが、方法はありますか。

  • リンクに関する制御について【XHTML&CSS&JavaScript】

    【XHTML&CSS】 リンク制御について Webサイトにおいて、現在リンクの制御の方法をどうしたらいいのかわかりません。(JavaScriptについては初心者です。) XHTMLのソース上においてリンクを以下のように記述し、 <ul> <li><a href="../link/test1.html">テスト1</a></li> <li><a href="../link/test2.html">テスト2</a></li> <li><a href="../link/test3.html">テスト3</a></li> <li><a href="../link/test4.html">テスト4</a></li> </ul> 上記のようにリストを作成するが、テスト1からテスト3まではリンク先のファイルが存在するが、テスト4についてはファイルが存在しない。 この状態では、 通常であればテスト4は"404 Not Found「ページが存在しません。」などのエラーが表示されます。 これをCSSまたは、JavaScriptなどで制御して、 リンク先のファイル(test4.html)を探しに行って存在しない場合、 リンク先へ遷移させないようにはするにはどうしたら実現可能でしょうか? よろしくお願いします。

  • 曜日ごとにリンク先を変えるJavaScript

    JavaScriptのわかる方、お力をお貸しください。 クリニックのホームページを管理していますが簡単なHTMLがわかる程度のものです。 曜日ごとにリンク先を変えるにはどうしたらよいのでしょうか? たとえば 月曜 リンク先 http://www.yahoo.co.jp 火曜 リンク先 http://www.goo.ne.jp 水曜 リンク先 http://www.google.c.jp といった感じです。 ユーザーがクリックした曜日によってリンク先URLを変えたいのです。 出来ればそのまま、リンク先URLを変更して使えるようなソースをお教え願えませんでしょうか? 皆様のお力をお貸しください。

専門家に質問してみよう