window.closeについて

質問

ウィンドウを閉じたい時に
<button onclick="window.close()">閉じる</button>
と言う風に使っていたのですが、この<button>～</button>を使わずに（ボタンを表示しないで）ウィンドウを閉じるにはどうすればいいのでしょうか？
<a href onclick="window.close()">閉じる</a>
と言うのを試してみたらオンマウス時に指に変化しなくなりましたが、これは使っても大丈夫なのでしょうか？
初心者質問ですみませんm(__)m

回答No.1

noname#10926 · ベストアンサー

記述が間違っていると思うが気のせいかな？

<a href="" onclick="window.close()">閉じる</a>

一般的には下記のようになっていないかな？

<a href="javascript: window.close()">閉じる</a>

お礼

＞記述が間違っていると思うが気のせいかな？
・・・ですよね；、よく分からなかったので適当にやりすぎました。。
えと、さらに初心者で申し訳ないのですが、
＞<a href="" onclick="window.close()">閉じる</a>
↑はあっていないのですか？？上手くいくようなきがするのですが・・・

＞<a href="javascript: window.close()">閉じる</a>
なるほど！こうするのですね。ご回答有難うございました。

回答No.2

noname#199778

古いブラウザではうまくないかもしれませんが、最近のブラウザでは、onClickをさまざまな要素に指定できるようになっているはずです。 プレーンテキストに見える部分で、クリックされた時にJavaScriptの処理を行わせたい場合は、その部分を特定の要素で囲い、その開始タグ内にonClick="window.close()"を設定するのがよいと思います。

質問の例に引かれている「<a href onclick="window.close()">閉じる</a>」という記述は、そこがリンクとして正常に反映されないのでカーソルの形が変化しなくなっただけです。 HTMLソースの記述方法としては、少々スマートではないように思います。 この場合は、「<span onClick="window.close()">閉じる</span>」というように、span要素などにするか、意味付けを正常に行える要素を使った方が無難なように思います。
もし、ポインタの形状がリンクの上に乗ったときに変化するのをデザイン上避けたいというケースでしたら、リンクに対してonClickを仕掛ける形でも、スタイルシートでカーソルの形状を指定してしまえば、事足りるかもしれません。

<a href="#" onClick="window.close()" style="cursor: default;">閉じる</a>

こうすると、このリンクの上にポインタが載っても、ポインタの形状が変わらないように指定できると思います。 なお、ブラウザによっては、この指定がうまく反映されずに、ポインタの形状が手になることもあるかも知れません。

参考になれば。

お礼

詳しく説明していただきありがとうございました。
御礼が遅れてスミマセンでした。