web関連

【javascript】ポップアップウィンドウとして開く方法

ポップアップウィンドウを「別ウィンドウ」と呼ぶと思って調べてた勘違い男の備忘録

ポップアップウィンドウの作成方法

javascriptのwindow.open()を使うとポップアップウィンドウを呼び出すことができる

window.open('[リンク]','[ウィンドウの名前]','[サイズや位置]');

第二引数「ウィンドウの名前」を指定すると同じ名前のウィンドウがあったらそのウィンドウを呼び出し、同じ名前がなかったら新しくウィンドウとして作成される

第三引数の「サイズや位置」まで設定をしないとポップアップウィンドウとして呼び出されず、別ウィンドウ(別タブ)として作成されてしまう

ポップアップウィンドウを作成するソースコード

<div onclick="windowOpen()">ポップアップウィンドウを開きます</div>

<script>
function windowOpen(){
	window.open('https://twotone.me/', null ,'top=100,left=100,width=400,height=300');
}
</script>

top=100,left=100,は無くてもok

Leave a Comment

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。