Como redimensionar uma tela cheia na linguagem JavaScript

Escrito por launie sorrels | Traduzido por lucas martin
  • Compartilhar
  • Tweetar
  • Compartilhar
  • Pin
  • E-mail
Como redimensionar uma tela cheia na linguagem JavaScript
Redimensione um navegador em tela cheia usando a linguagem JavaScript (Stockbyte/Stockbyte/Getty Images)

A linguagem de programação JavaScript não possui uma forma de maximizar a janela de navegadores de internet. "Maximizar" significa acessar o controle do Windows Maximize para abrir uma janela. O JavaScript poderá redimensionar a janela, mas não cobrirá toda a tela. Maximizar uma janela durante o carregamento da página inicial é uma má conduta na internet. Será melhor codificar um botão que maximizará a janela quando for clicada ou ter uma mensagem dizendo para que o usuário pressione a tecla "F11".

Nível de dificuldade:
Moderadamente fácil

Outras pessoas estão lendo

Instruções

    Abrir a janela

  1. 1

    Crie a função que denominará para abrir a janela em tela cheia. Neste exemplo, a função se chamará "Max_window ()". Digite o código da seguinte forma:

    <script> function Max_window(){ window.moveTo(0,0) window.resizeTo(screen.width,screen.height) } </script>

  2. 2

    Localize a área no programa para denominar a função.

  3. 3

    Digite "Max_window ()" para denominar a função criada.

    Abrir a janela no carregamento da página

  1. 1

    Abra o editor HTML de sua escolha.

  2. 2

    Introduza o código abaixo do cabeçalho, delimitado por <HEAD>, como se segue:

    <script language="JavaScript"> window.onload = Max_window;

    function Max_window() { window.moveTo(0,0);

    if (document.all) { top.window.resizeTo(screen.availWidth,screen.availHeight); }

    else if (document.layers||document.getElementById) { if (top.window.outerHeight<screen.availHeight||top.window.outerWidth<screen.availWidth) { top.window.outerHeight = screen.availHeight; top.window.outerWidth = screen.availWidth; } } }

    </script>

  3. 3

    Teste o código no navegador.

Dicas & Advertências

  • O "document.all" funcionará no Internet Explorer. Para escrever o código para FireFox, troque por "document.layers".

Não perca

Filtro:
  • Geral
  • Artigos
  • Slides
  • Vídeos
Mostrar:
  • Mais relevantes
  • Mais lidos
  • Mais recentes

Nenhum artigo disponível

Nenhum slide disponível

Nenhum vídeo disponível