JavaScript-5窗口

全局对象

• 浏览器的全局对象是window
• 所有的全局的变量实际上是window的成员

    var value = 12;
    alert(window.value);

---

document

• window.document表示浏览器窗口中的HTML页面
• document.write()将内容写入页面
• 页面中的元素就是document中的成员

for (x in document)
    document.write(x + "<br/>");

输出结果:将document中的东西都输出出来。可以访问document中的变量。

location
createElement
implementation
URL
documentURI
compatMode
characterSet
charset
inputEncoding
contentType
doctype
documentElement
xmlEncoding
xmlVersion
xmlStandalone
domain
referrer
cookie
lastModified
readyState
title
dir
body
head
images
embeds
plugins
links
forms
scripts
currentScript
defaultView
designMode
onreadystatechange
anchors
applets
fgColor
linkColor
vlinkColor
alinkColor
bgColor
all
scrollingElement
onpointerlockchange
onpointerlockerror
hidden
visibilityState
wasDiscarded
featurePolicy
webkitVisibilityState
webkitHidden
onbeforecopy
onbeforecut
onbeforepaste
onfreeze
onresume
onsearch
onsecuritypolicyviolation
onvisibilitychange
fullscreenEnabled
fullscreen
onfullscreenchange
onfullscreenerror
webkitIsFullScreen
webkitCurrentFullScreenElement
webkitFullscreenEnabled
webkitFullscreenElement
onwebkitfullscreenchange
onwebkitfullscreenerror
rootElement
onbeforexrselect
onabort
onblur
oncancel
oncanplay
oncanplaythrough
onchange
onclick
onclose
oncontextmenu
oncuechange
ondblclick
ondrag
ondragend
ondragenter
ondragleave
ondragover
ondragstart
ondrop
ondurationchange
onemptied
onended
onerror
onfocus
onformdata
oninput
oninvalid
onkeydown
onkeypress
onkeyup
onload
onloadeddata
onloadedmetadata
onloadstart
onmousedown
onmouseenter
onmouseleave
onmousemove
onmouseout
onmouseover
onmouseup
onmousewheel
onpause
onplay
onplaying
onprogress
onratechange
onreset
onresize
onscroll
onseeked
onseeking
onselect
onstalled
onsubmit
onsuspend
ontimeupdate
ontoggle
onvolumechange
onwaiting
onwebkitanimationend
onwebkitanimationiteration
onwebkitanimationstart
onwebkittransitionend
onwheel
onauxclick
ongotpointercapture
onlostpointercapture
onpointerdown
onpointermove
onpointerup
onpointercancel
onpointerover
onpointerout
onpointerenter
onpointerleave
onselectstart
onselectionchange
onanimationend
onanimationiteration
onanimationstart
ontransitionrun
ontransitionstart
ontransitionend
ontransitioncancel
oncopy
oncut
onpaste
children
firstElementChild
lastElementChild
childElementCount
activeElement
styleSheets
pointerLockElement
fullscreenElement
adoptedStyleSheets
fonts
adoptNode
append
captureEvents
caretRangeFromPoint
clear
close
createAttribute
createAttributeNS
createCDATASection
createComment
createDocumentFragment
createElementNS
createEvent
createExpression
createNSResolver
createNodeIterator
createProcessingInstruction
createRange
createTextNode
createTreeWalker
elementFromPoint
elementsFromPoint
evaluate
execCommand
exitFullscreen
exitPointerLock
getElementById
getElementsByClassName
getElementsByName
getElementsByTagName
getElementsByTagNameNS
getSelection
hasFocus
importNode
open
prepend
queryCommandEnabled
queryCommandIndeterm
queryCommandState
queryCommandSupported
queryCommandValue
querySelector
querySelectorAll
releaseEvents
replaceChildren
webkitCancelFullScreen
webkitExitFullscreen
write
writeln
fragmentDirective
timeline
pictureInPictureEnabled
pictureInPictureElement
onpointerrawupdate
exitPictureInPicture
getAnimations
nodeType
nodeName
baseURI
isConnected
ownerDocument
parentNode
parentElement
childNodes
firstChild
lastChild
previousSibling
nextSibling
nodeValue
textContent
ELEMENT_NODE
ATTRIBUTE_NODE
TEXT_NODE
CDATA_SECTION_NODE
ENTITY_REFERENCE_NODE
ENTITY_NODE
PROCESSING_INSTRUCTION_NODE
COMMENT_NODE
DOCUMENT_NODE
DOCUMENT_TYPE_NODE
DOCUMENT_FRAGMENT_NODE
NOTATION_NODE
DOCUMENT_POSITION_DISCONNECTED
DOCUMENT_POSITION_PRECEDING
DOCUMENT_POSITION_FOLLOWING
DOCUMENT_POSITION_CONTAINS
DOCUMENT_POSITION_CONTAINED_BY
DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC
appendChild
cloneNode
compareDocumentPosition
contains
getRootNode
hasChildNodes
insertBefore
isDefaultNamespace
isEqualNode
isSameNode
lookupNamespaceURI
lookupPrefix
normalize
removeChild
replaceChild
addEventListener
dispatchEvent
removeEventListener

在<script>文件中可以指出外部的文件。在浏览器发生一些事情的时候，调用JavaScript。

<script src = "util.js"> <script>

事件处理器

在<script>外部。当鼠标移动上去的时候，会执行alert语句

<p onMouseOver="alert('hi');" onmouseout="alert('bye')">
    一个段落
</p>

body事件

• onLoad：页面装载之前要做的事情
• onUnload：页面关闭之后要做的事情

简单对话框

• alert()
• confirm() : 选择yes或no
• prompt：输入东西，并进行返回

    if(confirm("还要继续吗？")) {
        alert("好，继续");
    }
    else {
        alert("好吧，再见");
    }
    var name = prompt("你的名字是");

状态栏

• status:现在的状态
• defaultstatus:如果没有别的状态显示，应该要显示的样子

<p onmouseover="status='网易云学习'" onmouseout="status=''">
一个段落
</p>

定时器:setInterval()固定的时间执行函数，下面例子就是每隔1000毫秒，执行update()函数一次。

<!DOCTYPE html>
<!--DOCTYPE 是指定当前的html的版本，这里默认指定的是html5-->
<html>
<!--这里是html文件中的框架，将html文件括起来-->

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <script language="JavaScript" src="1.js">
    var count = 10;
    function update() {
        if(count > 0 ) {
            status = count--;
        }
    }
    </script>
</head>

<body onload="setInterval('update()', 1000);">

<script>
</script>

</body>

</html>

windows的控制方法

• window.open()
  • w = window.open("smallwin.html", "smallwin","width = 400, height = 350, status=yes, resizable = yes");
    • smallwin.html:要打开的页面，如果有则打开，没有则创建
    • smallwin：给新的窗口起一个名字，这个名字是窗口如何显示的时候
  • w.close()
• window.close()

location对象：代表当前文档的URL

• window.location()代表当前文档的URL
  • alert(location);
  • location = "http://study.163.com";

location = "http:……";使得页面进行跳转，跳转到新的URL网址