• 締切済み

onclickでのページ内移動

JavaScriptでページ内移動をしたいのですが HTMLでいうところの <a name="top"></a> <a href="#top"></a> をonclickで動作させたいのですがどうすれば出来ますか。 http://www.htmq.com/js/window_open.shtml で載っているのですが、これは新しいウィンドウを開くでwindow.openのところを変えれば出来ると思いますが どういう風に変えるのでしょうか。よろしくお願いします。

  • golz
  • お礼率56% (13/23)

みんなの回答

  • X-trail_00
  • ベストアンサー率30% (438/1430)
回答No.1

ボタンでも何でもいいですが <a name="top"></a> <input type='button' value='hoge' onclick='window.location.href="#top"'> こうすることで同様の動きになります。

golz
質問者

お礼

そういうのもありですね。 すいませんが自己解決しました。 <A onclick="javascript:location.href='#top';"> </A> で出来るようになりました。 回答ありがとうぞざいました。 今後の参考にします。

  1. カテゴリ
  2. パソコン・スマートフォン
  3. ソフトウェア
  4. ホームページ作成ソフト

関連するQ&A

  • onClickへの代入について

    以前onClicｋへの代入方法についてお聞きしましたが、 また壁にぶつかっておりますので教えてください。 バナーのクリック数をカウントするために、GoogleAnalyticsの以下の関数をaタグのonClickに追加して利用しています。 <a href="xxx.html" onClick="javascript:urchinTracker(\'/test/test\');"><img src="xxx.gif"></a> これは問題ないのですが、 Javascriptで画像を切り替えるため以下のような構成でテストしたところ、 src、href、targetは正常に代入されるのですが、 onClickのみjavascript:urchinTracker(\'/test/test\');のままで、/test/aaaが代入されません。 また、元のHTMLソースからonClickタグ自体を削除すると、onClickタグそのものが代入されません。※Firebugで確認しています。 Javascritpt（sample_chg.js）部分 myImage = new Array(4); myImageName = 0; myImageLink = 1; myImageTarget = 2; myImageOnclick = 3; myImage[myImageName] = "dummy01.gif"; myImage[myImageLink] = "http://ｘｘｘｘｘ.com/"; myImage[myImageTarget] = "_blank"; myImage[myImageOnclick] = "javascript:urchinTracker(\"/test/aaa\");"; function myChange(){ document.getElementById("myFormImg").src = myImage[myImageName]; document.getElementById("myLink").href =myImage[myImageLink]; document.getElementById("myLink").target =myImage[myImageTarget]; document.getElementById("myLink").onClick =myImage[myImageOnclick]; } HTML部分 <a id="myLink"onClick="javascript:urchinTracker(\'/test/test\');"><img id="myFormImg"></a> <script language="javascript" type="text/javascript" src="/js/sample_chg.js"></script> <script language="javascript" type="text/javascript"> myChange(); </script> 以前文字列については関数にして代入せよと教えていただいたのですが、 このような場合はどうすればよいのでしょうか。 どうぞよろしくお願い致します。

  • 新規ウインドウから他のページにいけますか？

    JavaScriptのwindow.openでページを表示した時に小さな別Windowも表示させるようにしています。 その画面を閉じるのに <input type="button" value="CLOSE" onclick="window.close()"> をクリックすると閉じるのですが、もう一つボタンを付けてそのボタンをクリックするとTOPページに戻るようにしたいんです。 location.href = "URL";で他のページにいけるんですよね？ ボタンを表示させるには <input type="button" value="TOP" onclick="window.location.href="URL";"> でいいのでしょうか？ やってみたのですが何も動きません。 どなたかわかる方、教えて頂けないでしょうか？よろしくお願いします。

  • javascriptの長いコードをサブルーチン化する方法

    初歩的な質問かもしれませんが <a href="javascript:void(0);" onclick="window.open ('note.htm','_blank','location=no,menubar=no,scrollbars=yes, resizable=yes,status=no,width=200,height=100,top=0,left=0')">※注釈※</a> …というHTMLをたくさんの箇所に挿入したいのですが，これではあまりにも長い ので，該当ファイルのヘッダ内に <head> <SCRIPT language="javascript" type="text/javascript" src="../script/winopen.js"></script> </head> みたいにwinopen.jsとして収め，必要箇所で呼び出したいのですが， (1) winopen.jsファイル内　と (2) HTMLの<body></body>内　には 具体的にどのように記述したらよいものでしょうか？

  • javascriptでonclickに複数関数を割

    javascriptでonclickに複数関数を割り当てる場合 HTML内であれば、 <button ... onClick="a1();a2();a3();"> でいけると思いますが javascriptにて function a1() { } function a2() { } window.onload = "a1;a2;" のような記述は駄目でした 一つであれば window.onload = a1; でＯＫですが javascriptでonclickなどに複数関数を割り当てる 書式を教えてください よろしく、お願いします

  • hrefとonclickでのリンクの移動について

    現在以下の用になっています。 <a href="sample1.html" onclick="other(sample2.html)">sample.html</a> href= でsample1.htmlと指示しているのにかかわらず、onclick=other(リンク先)と記述しているのですが、どのようにすればonclick=だけを実行し、href=の方を無効にすればよいのでしょうか？ ちなみに、onclickのリンクの移動先は同じウェブページ内に設置されたiframeへの移動になっています。

  • 指定の時間でのonclickイベントについて

    はじめまして、よろしくおねがいします。 通常は普通のリンクタグで運用し、指定の時間になると onclickイベントによって、別ウィンドウに指定ページを表示させたい　という要件です。 で以下のように書いてみました <script language="JavaScript"> <!-- var now=new Date(); var Tm=now.getHours(); if((Tm>=12)&&(Tm<13)){document.write("<a href='hoge.html' target='_parent' onclick='window.open('http://www.hoge.co.jp/hogege.html')';>ここ</a>");} else if((Tm>=18)&&(Tm<19)){document.write("<a href='hoge.html' target='_parent' onclick='window.open('http://www.hoge.co.jp/hogegehogege.html')';>ここ</a>");} else if((Tm>=22)&&(Tm<23)){document.write("<a href='hoge.html' target='_parent' onclick='window.open('http://www.hoge.co.jp/gegeho.html')';>ここ</a>");} //--> </script> 12時から13時、18時から19時、22時から23時にイベントが発生します。 一応document.writeの内容は時間によって切り変わることの検証は行いましたので、OKなのですが、肝心の別ウィンドウが開きません。 window.open()のように（）内を空白にしてみたところ about:blankで別ウィンドウ自体は開きますがURLをいれると駄目みたいです。 上記のことから、大変初歩的なところでつまづいている気がしていますが、間違い部分を御指摘くださればと思います。 それではよろしくおねがいします

  • 関数内でonclickをさせたい

    以下に示すような動作をさせたいのですが、手段はあるでしょうか？ ご教示の方よろしくお願いいたします。 <html> <head> <script type="text/javascript"> function test1(){ ここでtest2というリンクをクリックしたことにしたい。 document.getElementById("test2").onclickとか勘でやってみたけどダメでした。 } </script> </head> <body> <img src="hoge.jpg" name="test1" onclick="test1();"> <a href="hoge.html" id="test2">test2</a> </body> </html>

  • href=" " onclickを使う場合につい

    質問です。 a href="#" onclick は思ったように動作しました a href="/" onclick では、一部のブラウザで動作しませんでした。 a href="/"は間違いなのでしょうか。 よろしければ教えてください。　

    • ベストアンサー
    • HTML
  • javascriptにてonclickを無効

    javascriptにてonclickを無効にしたい 下記のように、onclickイベントキャンセルを書きましたが、 onclickのjavascriptが実行されます。 何かヒントはありませんか？ <html> <head> <script language="JavaScript"> document.onclick = function(e) { event.returnValue = false; } </script> </head> <body> <a href="a.htm" onclick="alert('onclick');">onclick有り</a> <a href="a.htm">onclick無し</a> </body> </html> ※環境 Windows2000(sp4)+ie6(sp1)

  • ページ内アンカーに移動しない：

    ページ内アンカーに移動しない： あるページ"A"に <div id = "TOP"></div>と設定し ページ"B"に <a href="test.html#TOP">test<a> と設定しました。 動作確認をした結果、Firefox・クロムと正常に動くのですが IEが全バージョンで、該当ページに飛ぶのですが、アンカーに 移動しません。 ローカルにてテストをした結果、IEで通常に移動します。 調べた所、 javascript等が使用されているとリンク先ジャンプ後にセキュリティの確認 が有るため、アンカーリンクが消されると書いてあったので javascript部分を全て削除し、動作確認をしたのですが やはりアンカーに飛んでくれません。 どなたか、ご教示ください。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する