仕事・技術 トップページ(98記事)

画面サイズ縦横100%サイズの新ウィンドウをJavascriptのwindow.openで開く方法

javascriptのwindow.openは通常だとpxサイズでウィンドウサイズを指定しなければいけませんが、この方法ならフルスクリーンサイズでウィンドウ生成することができます。

<a href="#" onclick="javascript:url=’https://www.google.co.jp/’;win=window.open(url,’POPUP’,’titlebar=no,directories=no,location=no,menubar=no,scrollbars= yes,status=no,toolbar=no,personalbar=no’);win.focus();win.moveTo(0,0);win.resizeTo(screen.availWidth,screen.availHeight);">新ウィンドウで開く</a>

上記のようにa要素のonclick属性に仕込むか、関数化してクリック時に発火するかすればOKです。

※chromeでlocation=noを指定してもアドレスバーは表示されたままになります。調べてみたのですがどうやら通常の方法ではアドレスバーを消すことはできないようです(セキュリティ的な理由から?)。

仕事・技術 トップページ(98記事)

ページの先頭へ