[ JavaScript ] ポップアップウインドウを開くサンプル

だるかぶ

サンダルでスーパーカブ乗りの『だるかぶ』です！
ご訪問ありがとうございます。ゆっくりしていってね。（本ページは広告を含みます。）

JavaScript で別ウィンドウを開くサンプルです。

ウインドウを開く悪い例

JavaScript でポップアップウインドウを開く時、下のように書いてしまうと、JavaScript がオフの場合、ウインドウが開けません。

<a href="javascript:window.open('a.html','a','width=600');">開く</a>

ウインドウを開く良い例

こんな感じで書きます。

<a href="a.html" onClick="javascript:window.open('a.html','a','width=600'); return false;">開く</a>

利点

• JavaScript がオフでも何とかウインドウが開ける。

• 右クリックを使う事で、新規ウインドウや新規タブで開く事ができる。

• 右クリックを使う事で、リンク先のページをブックマークできる。

• ステータスバーでリンク先がわかる

• 検索エンジンがクロールしてくれる

ユーザがどうやって開くか選択できるのが良いですね。

window.open の書式

window.open("URL","任意のウインドウ名","属性1,属性2");

window.open の属性一覧

https://gist.github.com/darucub/eff01dfa84f101e0868c89b1133a23a2

※ yesの代わりに1、noの代わりに0を使用できる。デフォルト値はno

現場からは以上です。それでは、またッ！！！

だるかぶ

最後までお読みいただきありがとうございます！ スキ・コメント・シェア・フォローなどで応援いただけると『だるかぶ』のやる気がアップします！

記事内容の修正について 記載している内容は記事執筆時の情報です。 できるだけ最新情報を掲載するようにしていますが、情報が間違っている場合は「コメント」でご指摘いただけるとありがたいです。