Как показать полноэкранное всплывающее окно в javascript?

Есть ли способ развернуть всплывающее окно сразу после его открытия? Если не то, хоть под экран сделать? Этот:

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

по-видимому, работал только со старой версией IE.

Проголосовали против некачественного веб-дизайна. Когда мне нужно полноэкранное окно, я сам разворачиваю его в своем браузере.

Vicent Marti 06.10.2008 02:14

Проголосовали за, потому что это совершенно законный вопрос. То, что «вы» хотите, совершенно не имеет значения, если это корпоративное веб-приложение для внутренней сети.

Rob 06.10.2008 02:16

Скажите это моему преподавателю - это одно из требований к моей курсовой работе :)

Maciej Gryka 06.10.2008 02:17

@Tanoku Я согласен с Робом, просто потому, что это звучит как плохая практика для "веб-страницы", не означает, что это действительно для веб-сайта, подумайте о возможностях внутренних приложений, использующих не браузеры, например HTA, где полноэкранное окно может быть вполне приемлемым.

Scott Bennett-McLeish 06.10.2008 03:16
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
38
4
65 740
5
Перейти к ответу Данный вопрос помечен как решенный

Ответы 5

Ответ принят как подходящий

Используйте screen.availWidth и screen.availHeight, чтобы рассчитать подходящий размер для параметров высоты и ширины в window.open().

Хотя это, вероятно, будет близко, оно не будет максимальным и точным для всех, особенно если показаны все панели инструментов.

Можете ли вы объяснить это на примере скрипки.

Danish Adeel 21.03.2017 09:37

@DanishAdeel здесь: window.open(src, "newWin", "width = "+screen.availWidth+",height = "+screen.availHeight)

Robert Moore 26.06.2017 02:10

Более чем плохой дизайн - эта «особенность» является рецептом катастрофы пользовательского интерфейса. мы - это количество веб-сайтов злой, которые использовали возможности полноэкранного просмотра в JavaScript для захвата окон браузера и отображения экрана, неотличимого от рабочего стола пользователя. Хотя, возможно, еще есть способ сделать это, пожалуйста, из любви к порядку, не применяйте его.

Не беспокойтесь о том, что на моем веб-сайте это действительно реализовано - как я уже упоминал, я сделал это только для удовлетворения требований лектора :) Тем не менее, спасибо за предупреждение!

Maciej Gryka 08.10.2008 03:03

Если вы собираетесь сказать ему, что делать, то сделайте это - вы правы (это плохая идея) - но, по крайней мере, дайте также ответ настоящий. Я задал несколько вопросов, на которые получил подобные ответы, и очень неприятно не иметь ответа.

Robert Moore 27.06.2017 15:48

Как насчет этого:

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");

top = 0, left = 0 ближе к полноэкранному режиму.

Robert Moore 27.06.2017 15:47

Попробуй это. Это работает для меня и с любой ссылкой, которую вы хотите, или чем-либо во всплывающем окне

Все, что вы выберете, будет отображаться во всплывающем окне в полноэкранном режиме во всплывающем окне.

<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>

Другие вопросы по теме