Как показать полноэкранное всплывающее окно в JavaScript?
-
05-07-2019 - |
Вопрос
Есть ли способ сделать всплывающее окно развернутым сразу после его открытия?Если нет, то хотя бы сделать его размером с экран?Этот:
window.open(src, 'newWin', 'fullscreen="yes"')
видимо работало только для старой версии IE.
Решение
Используйте screen.availWidth
и screen.availHeight
, чтобы вычислить подходящий размер для параметров высоты и ширины в window.open ()
р>
Хотя это, вероятно, будет близко, оно не будет максимизировано и не будет точным для всех, особенно если отображаются все панели инструментов.
Другие советы
Более чем плохой дизайн: эта «особенность» — верный путь к катастрофе пользовательского интерфейса.Там были а число из злонамеренный веб-сайты, которые использовали функции полноэкранного просмотра в JavaScript для захвата окон браузера и отображения экрана, неотличимого от рабочего стола пользователя.Хотя способ сделать это все еще существует, пожалуйста, ради всего приличного, не реализуйте это.
Как насчет этого?
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);
}
Как насчет этого, я присвоил ширину и высоту значению большого числа, и это работает
window.open("https://www.w3schools.com", "_blank","toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=4000,height=4000");
Попробуйте это. Это работает для меня и для любой ссылки, которую вы хотите, или для чего-либо во всплывающем окне
Все, что вы выбрали, будет отображаться во всплывающем окне во весь экран во всплывающем окне.
<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>