Professional Documents
Culture Documents
internet B
Carlos Oberdan Rolim
Cincia da Computao
DOM
Objeto Window
Objeto window
Top level na hierarquia JS
Representa uma janela do browser
Um novo objeto windows criado automaticamente a cada
tag <body> <frameset>
Propriedades
Closed
Retorna um booleano especificando se a janela foi fechada
Sintaxe:
window.closed
Exemplo:
function checkWin() {
if (myWindow.closed)
ifClosed()
else
ifNotClosed()
}
Propriedades
defaultStatus
Define ou retorna o texto padro da status bar de uma janela
Sintaxe:
window.defaultStatus=sometext
Exemplo:
<script type="text/javascript">
window.defaultStatus="This is the default text in the status bar!!"
</script>
Propriedades
name
Define ou retorna o nome da janela
Sintaxe:
window.name=name
Exemplo:
function checkWin() {
document.write(myWindow.name)
}
</script>
Propriedades
opener
Retorna uma referncia para a janela que criou a corrente
Sintaxe:
window.opener
Exemplo:
<script type="text/javascript">
myWindow=window.open('','MyName','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
myWindow.focus()
myWindow.opener.document.write("This is the parent window")
</script>
Propriedades
outerheight
Retorna ou define a altura externa de uma janela incluindo todos seus elementos
Sintaxe:
window.outerheight=pixels
Exemplo:
<script type="text/javascript">
myWindow=window.open('','')
myWindow.outerheight="100"
myWindow.outerwidth="100"
myWindow.document.write("This is 'myWindow'")
myWindow.focus()
</script>
Propriedades
outerwidth
Retorna ou define a largura externa de uma janela incluindo todos seus elementos
Sintaxe:
window.outerwidth =pixels
Exemplo:
<script type="text/javascript">
myWindow=window.open('','')
myWindow.outerheight="100"
myWindow.outerwidth="100"
myWindow.document.write("This is 'myWindow'")
myWindow.focus()
</script>
Propriedades
pageXOffset
Define ou retorna a posio X corrente da pgina em relao ao canto
superior esquerdo da rea visvel da janela
Propriedades
pageyOffset
Define ou retorna a posio Y corrente da pgina em relao ao canto
superior esquerdo da rea visvel da janela
Propriedades
parent
Retorna a janela pai
Propriedades
scrollbars
Define se scrool bars devem estar visveis ou no
Propriedades
top
Retorna a janela ao top (topmost ancestor window)
Propriedades
self
Retorna uma referncia para a janela corrente
Sintaxe:
window.self
Exemplo:
function breakout() {
if (window.top!=window.self) {
window.top.location="tryjs_breakout.htm"
}
}
</script>
Propriedades
status
Define ou retorna o
Sintaxe:
window.status=sometext
Exemplo:
<script type="text/javascript">
window.status="Some text in the status bar!!"
</script>
Propriedades
statusbar
Define se o browser deve mostrar ou no a status bar
Mtodos
alert()
Mostra um alert box
Sintaxe:
alert(message)
Exemplo:
function display_alert() {
alert("I am an alert box!!")
}
Mtodos
blur() e focus ()
Remove (blur) e coloca (focus) o foco da janela corrente
Sintaxe:
window.blur ou window.focus
Exemplo: (faz com que a janela perca o focus)
<script type="text/javascript">
myWindow=window.open('','','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
myWindow.blur()
</script>
Mtodos
setInterval()
Executa uma funo em determinado intervalo de tempo at que clearInterval seja
chamado ou a janela fechada
Sintaxe:
setInterval(code,millisec[,"lang"])
Exemplo: (atualiza o contador a cada 50 milisegundos mostrando a data)
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock() {
var t=new Date()
document.getElementById("clock").value=t
}
</script>
</form>
Mtodos
clearInterval()
Cancela o intervalo definido por setInterval
Sintaxe:
clearInterval(id_of_setinterval)
Exemplo:
<input type="text" id="clock" size="35" />
<script language=javascript>
var int=self.setInterval("clock()",50)
function clock() {
var t=new Date()
document.getElementById("clock").value=t
}
</script>
</form>
<button onclick="int=window.clearInterval(int)"> Stop interval</button>
Mtodos
setTimeout()
Executa uma funo aps um intervalo de tempo
Sintaxe:
setTimeout(code,millisec,lang)
Exemplo: (mostra um alert 5 segundos aps clicar no boto)
function timedMsg() {
var t=setTimeout("alert('5 seconds!')",5000)
}
......
<input type="button" value="Display timed alertbox!" onClick="timedMsg()">
Mtodos
clearTimeout()
Cancela o setTimeout
Sintaxe:
clearTimeout(id_of_settimeout)
Mtodos
Close
Fecha janela corrente
Confirm
Mostra uma janela de confirmao
Prompt
Mostra uma prompt window
Mtodos
createPopup()
Cria uma popup
Sintaxe
Exemplo:
function show_popup() {
var p=window.createPopup()
var pbody=p.document.body
pbody.style.backgroundColor="lime"
pbody.style.border="solid black 1px"
pbody.innerHTML="This is a pop-up! Click outside to close.
p.show(150,150,200,50,document.body)
}
Mtodos
moveBy()
Move a janela x pixels de acordo com a posio corrente
Sintaxe:
window.moveBy(x,y)
Exemplo:
function moveWin() {
myWindow.moveBy(50,50)
}
......
myWindow=window.open('','','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
....
<input type="button" value="Move 'myWindow'" onclick="moveWin()" />
Mtodos
moveTo()
Move uma janela para determinada posio (referncia canto superior
esquerdo)
Sintaxe:
window.moveTo(x,y)
Exemplo:
function moveWin() {
myWindow.moveTo(50,50)
}
......
myWindow=window.open('','','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
....
<input type="button" value="Move 'myWindow'" onclick="moveWin()" />
Mtodos
open()
Abre uma nova janela
Sintaxe:
window.open(URL,name,specs,replace)
URL = endereo a abrir
name = (opcional) Especifica o nome alvo da janela. Pode ser usado
_blank, _parent, _self, _top ou nome da janela
specs = (opcional) Lista de atributos da janela separado por virgulas
width=pixels, height=pixels, top=pixels, left=pixels,
scrollbars=yes,status=no, resizable=no
replace = (opcional) define se a url da janela criada deve substituir a
history list ou no.
Valores true ou false
Mtodos
print()
Imprime (na impressora) a janela corrente
Sintaxe:
window.print()
Mtodos
scrollTo()
Rola o contedo at determinada coordenada
Sintaxe:
scrollTo(xpos,ypos)
Exemplo:
function scrollWindow() {
window.scrollTo(100,500)
}
Objeto document
Objeto document
Representa todo o documento html
parte do objeto window
Acessado atravs da propriedade window.document
Colees
Anchors[]
Retorna referncia para todos objetos anchors
Forms[]
Retorna referncia para todos objetos forms
Images[]
Retorna referncia para todos objetos images
Links[]
Retorna referncia para todos objetos link e map areas
Exemplo
document.write(document.images.length)
Propriedades
cookie
Retorna ou define cookies associado ao documento
domain
Retorna o dominio do documento
lastModified
Retorna data e hora que o documento foi alterado
referrer
Retorna a url que carregou o documento corrente
title
Retorna o titulo do documento corrente
url
Retorna a url do documento corrente
Mtodos
close()
Fecha o stream aberto com document.open e mostra o contedo
getElementById()
Retorna referncia para primeiro objeto definido pelo id especificado
getElementsByName
Retorna uma coleo de objetos com o nome especificado
getElementsByTagName
Retorna uma coleo de objetos com a tag name especificada
open()
Abre stream para receber dados de document.write ou document.writeln
write()
Escreve na stream
writeln()
Objeto location
Objeto location
parte do objeto window
Acessado atravs da propriedade window.location
Propriedades
host
Retorna o hostname e a porta da url corrente
hostname
Retorna o hostname da url corrente
href
Define ou retorna a url corrente
Usado para enviar o usurio a uma nova url
Exemplo:
window.location.href="http://www.novaurl.com.br";
(window.location um atalho para window.location.href)
Objeto history
Objeto history
Faz parte do objeto window
History consiste em um array de URLs visitadas
Acessado atravs da propriedade window.history
Propriedades
length
Retorna o nmero de elementos no histrico
Mtodos
back
L a URL anterior do histrico
forward
L a prxima URL do histrico
go
L uma URL especfica do histrico