Javascript学习笔记(三)

Javascript学习笔记(一)

Javascript学习笔记(二)

Javascript学习笔记(三)


5、Window对象:

JavaScript中可以使用windowself志符的浏览器窗口。

的窗口定义一个window对象,如文档包含框架(frameiframe),浏览器HTML文档创建一个window对象,并为个框架创建一个window对象。 


1>  Window对象属性 

描述

closed

返回窗口是已被

defaultStatus
置或返回窗口中的默认文本。

document

Document对象的只用。Document对象。

history

History对象的只用。History对象。

innerheight

返回窗口的文档显示度。

innerwidth

返回窗口的文档显示度。

length

置或返回窗口中的框架数量。

location

用于窗口或框架的 Location对象。Location对象。

name

置或返回窗口的名称

Navigator

Navigator对象的只用。Navigator对象。

opener

返回对创建此窗口的窗口的用。

outerheight

返回窗口的外部度。

outerwidth

返回窗口的外部度。

pageXOffset

置或返回页面相对于窗口显示X置。

pageYOffset

置或返回页面相对于窗口显示Y置。

parent

返回窗口。

Screen

Screen对象的只用。Screen对象。

self

返回窗口的用。等Window性。

status

置窗口的文本。

top

返回顶层的先窗口。

window

window 性等self性,它包含了对窗口自身的用。

screenLeft

screenTop
screenX
screenY


读整数。声明了窗口的屏幕上的的x标和y标。IESafariOpera支持screenLeftscreenTop,而FirefoxSafari支持screenXscreenY


2>  Window 对象方法

方法

描述

alert()

显示带有一段息和一个警告框。

blur()

把键点从顶层窗口移
clearInterval()

setInterval()置的timeout

clearTimeout()

setTimeout()方法置的timeout

close()

浏览器窗口。

confirm()

显示带有一段息以的对框。
createPopup()

创建一个 pop-up窗口。

focus()

把键一个窗口。

moveBy()

可相对窗口的它移动指定的像素

moveTo()

窗口的移动到一个指定的标。

open()

一个的浏览器窗口或一个已命名的窗口。

print()

打印窗口的内容。

prompt()

显示提示用户输入的对框。

resizeBy()

指定的像素调整窗口的小。

resizeTo()

窗口的调整到指定的度和度。

scrollBy()

指定的像素值动内容。

scrollTo()

内容动到指定的标。
setInterval()
指定的(以毫秒)来数或计算式。
setTimeout()
在指定的毫秒数或计算式。

3> 示例代码

<html>
<head>
<title>Test</title>


<script language="javascript"> 


        function closeWindow() {
        myWindow.close();
        }
        function openWindow() {
        myWindow=window.open('', '', 'width=200,height=100');
        myWindow.document.write("This is 'myWindow'");
        }
        function test_alert() {
        alert('alert content');
        }
    function test_confirm() {
    var r=confirm('请确认');
    if (r) {
    document.write("确认");
    } else {
    document.write("取消");
    }
    }
    function disp_prompt() {
        var name=prompt("请输入您的名字","阿福"); if (name!=null && name!=""){
        document.write("你好," + name + "!今天过得好吗?"); }
    }
    function moveWin() {
              myWindow.moveBy(50,50);
              myWindow.focus();
}
function moveWinTo(){
              myWindow.moveTo(0,0);
              myWindow.focus();
}
        var timer=window.setInterval("clock()",50);
        function clock(){
              var t=new Date();
              document.getElementById("clock").value=t;
        }
        function closeClock() {
        window.clearInterval(timer);
        }
        function timeMsg() {
        var t=setTimeout("alert('5 seconds!')",5000);
        }
       </script>
</head>

<body>
<ul>
<li><input type='button' value="显示一个对话框" onclick="test_alert()" /></li>
<li><input type='button' value="显示一个确认框" onclick="test_confirm()" /></li>
<li><input type="button" value="显示一个提示框" onclick="disp_prompt()"/></li>
<li><input type="button" value="新建一个Window" onclick="openWindow()"/></li>
<li><input type="button" value="移动window" onclick="moveWin()" /></li>
<li><input type="button" value="移动window到原点" onclick="moveWinTo()" /></li>
<li><input type="button" value="关闭Window" onclick="closeWindow()"/></li>
<li><input type="button" value="" id="clock" size="35" onclick="closeClock()"></li>
<li><input type="button" value="5秒后显示计时的消息框!" id="clock" onclick="timeMsg()"></li>
</ul>
</body>
</html>


你可能感兴趣的:(Javascript学习笔记(三))