web-dev-qa-db-ja.com

JavaScriptで全画面ポップアップウィンドウを表示する方法

ポップアップウィンドウを開いたらすぐに最大化する方法はありますか？そうでない場合は、少なくとも画面サイズにしますか？この：

window.open(src, 'newWin', 'fullscreen="yes"')

どうやら古いバージョンのIEでしか機能しなかったようです。

javascripthtmlpopup
36
Maciej Gryka

_screen.availWidth_および_screen.availHeight_を使用して、window.open()の高さと幅のパラメーターに適したサイズを計算します

これは近いと思われますが、特にすべてのツールバーが表示されている場合は、最大化されず、正確でもありません。

30
Geoff

悪いデザイン以上のもの-この「機能」は、UI災害のレシピです。あり あった a 番号 of malicious JavaScriptの全画面表示機能を利用してブラウザウィンドウをハイジャックし、ユーザーの画面と区別できない画面を表示するWebサイトデスクトップ。これを行う方法はまだあるかもしれませんが、きちんとしたものすべての愛のために、これを実装しないでください。

10
Rob Allen

これはどうですか：

var popup = window.open(URL);
if (popup == null)
   alert('Please change your popup settings');
else  {
  popup.moveTo(0, 0);
  popup.resizeTo(screen.width, screen.height);
}
6
Ray

これはどうですか、幅と高さの値を大きな数に指定しました

window.open("https://www.w3schools.com", "_blank","toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=4000,height=4000");
4
Jitendra Tumulu

これを試してください。これは私とあなたが望むリンク、またはポップアップの何かで機能します

選択したものはすべて、ポップアップウィンドウ内の全画面サイズでポップアップウィンドウに表示されます。

<script language="JavaScript">
function Full_W_P(url) {
 params  = 'width='+screen.width;
 params += ', height='+screen.height;
 params += ', top=0, left=0'
 params += ', fullscreen=yes';
 params += ', directories=no';
 params += ', location=no';
 params += ', menubar=no';
 params += ', resizable=no';
 params += ', scrollbars=no';
 params += ', status=no';
 params += ', toolbar=no';


 newwin=window.open(url,'FullWindowAll', params);
 if (window.focus) {newwin.focus()}
 return false;
}
</script>

<input type="button" value="Open as Full Window PopUp" onclick="javascript:Full_W_P('http://www.YourLink.com');"></input>
0
SeekLoad