Carregar apresentação
A apresentação está carregando. Por favor, espere
1
Introdução ao JavaScript JavaScript 03
2
Criando janelas Criar janelas é uma das grandes características do JavaScript. Pode-se construir novas janelas, carregar documentos HTML, navegar pela Internet, tudo isso através do JavaScript. Veja o próximo script:
3
<html> <head> <script language="JavaScript"> function WinOpen() { msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no"); msg.document.write("<HEAD><TITLE>E aí?</TITLE></HEAD>"); msg.document.write("<CENTER><h1><B>Isso é muito legal!</B></h1></CENTER> "); } </script> </head> <body> <form> <input type="button" name="Button1" value="Aperte-me" onclick="WinOpen()"> </form> </body> </html>
4
A função WinOpen() cria uma nova janela ao chamar o método open
A função WinOpen() cria uma nova janela ao chamar o método open. As primeiras aspas contêm a URL da página. Onde pode-se colocar o endereço de um documento HTML a ser carregado. Se deixar em branco, nenhuma página é carregada e se pode escrever nela com JavaScript! As aspas seguintes especificam o nome da janela. Onde pode escrever quase tudo, mas verá uma mensagem de erro se escrever Display Window (com um espaço em branco entre as duas palavras) As próximas aspas especificam as propriedades da janela. Pode dizer se deseja uma barra de ferramentas, barras rolantes... Se escrever toolbar=yes, então terá uma barra de ferramentas na sua janela. Pode especificar qualquer propriedade possível. Deve escrevê-las da maneira como foi mostrado acima. E sem nenhum espaço em branco entre elas! A seguir como pode fazer mudanças na sua página:
5
Para pixels deve escrever o número de pixels
Para pixels deve escrever o número de pixels. Desse modo é possível informar ao seu browser de que tamanho a janela deve ser. Depois que abriu a sua janela e a chamou de msg (situada diante do método open), pode escrever dentro dela. Onde pode escrever o código HTML normalmente! Pode construir um documento HTML usando um input de formulário que o usuário deu no documento anterior. Pode criar uma página que surge depois que o usuário escreve o nome dele num formulário, e a partir desse dado é criado um novo documento HTML contendo este nome! barra de ferramentas localização diretórios status barra de menus barras rolantes redimensionar copyhistory width=pixels height=pixels
6
<img src="imagem.gif" height=100 width=100>
Observação: 1ª) Quando escrever alguma coisa numa janela deve sempre colocar um <br> depois do último texto que fizer. De outro modo, provavelmente não poderá ver as últimas linhas do seu texto. Isto acontece porque o browser só escreve linhas completas - e se não houver um fim na linha, ele espera pelas próximas que supostamente viriam. 2ª) Se quiser inserir uma imagem na nova janela, assegure-se de colocar as propriedades height e width no tag <img>. De outro modo, não verá nenhuma imagem ou suas páginas se anularão de algum modo. <img src="imagem.gif" height=100 width=100>
Apresentações semelhantes
