JavaScript第七讲：JavaScript中的Windows对象

最新推荐文章于 2022-07-29 14:55:33 发布

sky根

最新推荐文章于 2022-07-29 14:55:33 发布

阅读量367

点赞数

分类专栏： JavaScript教程文章标签： javascript css html

本文链接：https://blog.csdn.net/phpzt/article/details/106436643

版权

JavaScript教程专栏收录该内容

13 篇文章 0 订阅

订阅专栏

本节主要讲解JavaScript中的Windows对象，浏览器本身常用对象的使用，BOM。

一、浏览器本身自己就有一些对象，不用创建就可以使用

wondow ：代表当前流量器窗体的

属性：status 状态栏

opener 在子窗体中代表父窗体的对象

closed

parent

top

方法：

alert（）

confirm（）

setInterval（）//页面动的东西

clearInterval()

setTimeout() //只执行一次

clearTimeout()

open() //打开一个新窗体的是与原窗体有关系的

window包括子对象document ； event； frames//分帧； location

[window].成员：window可以省略只有window可以省略

例1

例2

var x=0;

var y=0;

var xs=10;

var ys=10;

var one=document.getElementById("one");

function move(){

x+=xs;

y+=ys;

if(x>=document.body.clientWidth-one.offsetWidth-20 ||x<=0){

xs=-1*xs;

}

if(y>=document.body.clientHeight-one.offsetHeight-20 ||y<=0){

ys=-1*ys;

}

one.style.left=x;

one.style.top=y;

}

var dt=setInterval("move()",100);

one.οnmοuseοver=function(){

clearInterval(dt);

}

one.οnmοuseοut=function(){

dt=setInterVal("move()",100);

}

</script>

例3

<body>

setTimeout(function(){

document.bgColor="red";

},3000;)

setTimeout(function(){

document.bgColor="blue";

},6000);

setTimeout(function(){

document.bgColor="green";

},9000);

function stop(){

clearTimeout(two);

}

</script>

</body>

例4//也是打开一个新窗体但是open（）方法是与父窗体是有联系的。而这个是无联系的

<body>

</body>

window对象（下）

window.open("url","windowName","windowFeature")

例1 //在父窗体中操作子窗体

var subwin=window.open("win.html","_blank","top=300,left=300,width=200,height=200,fullscreen=yes");//返回的是子窗体

function show(obj){

subwin.document.bgColor=obj.value;

}

function demo(){

window.document.title="qqqqqq";

}

function closeit(){ //如果关闭父窗体那么子窗体也跟着关闭了

if(subwin.closed){

subwin.close();

}

</script>

</body>

例2//在子窗体总操作父窗体

在win.html中写

<body>

opener.demo();//子窗体调用父窗体里的方法

function show(obj){

opener.document.bgColor=obj.value;

}

</script>

</body>

例3//让本身的窗体慢慢变大然后过5秒关闭

<body>

opener.demo();

function show(obj){

opener.document.bgColor=obj.value;

}

setInterval(function(){

window.resizeBy(5,5);//相对变大

},100);

setTimeout(function(){

window.close();

}，5000)

</script>

</body>

例4

var subwin=window.open("win.html","_blank","top=300,left=300,width=200,height=200,fullscreen=yes");//返回的是子窗体

function show(obj){

subwin.document.bgColor=obj.value;

}

function demo(){

window.document.title="qqqqqq";

}

function closeit(){ //如果关闭父窗体那么子窗体也跟着关闭了

if(subwin.closed){

subwin.close();

}

var num=0;

var dir=1;

setInterval(function(){

if(num>40||num<0){

dir=-1*dir

}

num+=dir;

var space=""

for(var i=0;i<num;i++){

space+="";

}

window.status=space+"www.borther.com";

},100)

</script>

</body>

document

frames

location

history

screen

例5

</frameset>

</frame>

</frameset>

menu.html

知识小结

[window.]成员

document.write();

本身window

open可以弹出子窗体

frames多个窗体

sky根

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录