KH-WEBLOG TOP > WEBメモ > JavaScript > サイズを指定して別ウインドウで開く方法

サイズを指定して別ウインドウで開く方法

よくサイト内のヘルプなどを開くときに
小さめのサイズの別ウインドウで開くことがありますが
その方法をメモ

別ウインドウで開くにはjavascriptの
window.open();
を使います。
サンプル

<a href="sample.htm" onclick="window.open('sample.htm', '_blank', 'width=300,height=300'); return false;">サンプル</a>

でOK!

もしメニューバーやツールバーを表示させたくないときは

<a href="sample.htm" onclick=" window.open('sample.htm', '_blank', 'menubar=no,toolbar=no')">サンプル2</a>

のように
menubar=no,toolbar=no
を記述します。
サンプル2

ちなみに「ウインドウを閉じる」ボタンを設置するときは

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

のようにwindow.close();を使います。

コーディング・WordPress化作業を代行します

JavaScriptのおすすめ参考書

楽天ブックス
¥2,838 (2024/03/25 02:06時点 | 楽天市場調べ)

TAGS

.htaccess ActionScript All in one seo pack Contact Form 7 CSS CSS3 EC-CUBE Flash HTML HTML5 JavaScript jQuery LightBox PHP RSS SEO WordPress アイキャッチ画像 アクセス解析 カスタムフィールド カテゴリー カラーミーショップ カート コメント ショートコード ソースコード テンプレートタグ ドロップダウンメニュー パーマリンク フォーム フルスクリーン プラグイン ページテンプレート ページナビ ページ分割 マウスイベント リダイレクト リンク レンタルサーバー ロールオーバー 携帯サイト 条件分岐 正規表現 角丸 関連記事