js-----BOM/window对象

最新推荐文章于 2024-09-02 17:51:31 发布

sujingnuli1

最新推荐文章于 2024-09-02 17:51:31 发布

阅读量280

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/sujingnuli1/article/details/50288581

版权

javascript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script type="text/javascript">
/*
javascript的组成部分：
EMCAScript （基本语法）
BOM(Browser Object Model)浏览器对象模型
浏览器对象模型，把浏览器的每个部分都用一个对象来进行描述，
如果我们要操作浏览器的一些属性，我就可以浏览器对象模型的一些
对象，进行操作。
window 代表了一个新开的窗口
location 代表了地址栏对象
screen 代表了整个屏幕的对象。
DOM
window对象常用的方法：
open() 打开一个新的窗口
resizeBy() 更改窗口的当前位置缩放指定的x和y偏移量
resizeTo() 将窗口的大小更改为指定的宽度和高度值。
moveBy() 相对于原来的窗口，移动指定的x和y值
moveTo（）将窗口的左上角，移动到指定的x和y的位置。
setInterval("执行的代码"，每隔多少毫秒) 每经过制定毫秒值，就会执行指定的代码
clearInterval(itnervalID) 根据任务id取消定时任务。
setTimeOut("执行的代码"，延时的毫秒数) 经过指定的毫秒值后，执行指定的代码一次。

使用window对象的属性和方法，可以省略window字母。
*/

function showad(){

open("ad.html","_blank",
"height=400px,width=400px,top=200px,left=300px,toolbar=no,location=no");
}
//var id=window.setInterval("showad()",2000);
setTimeout("showad()",2000);
function smalltest1(){
document.write("方法呢，起作用了，但是呢，浏览器不支持了");
window.resizeTo(200,200);
}
function move(){
document.write("方法呢，起作用了");
for(var i=0;i<4;i++){
window.moveBy(-100,0);
window.moveBy(0,50);
window.moveBy(-50,0);
window.moveBy(-50,0);
}
}
function movetest(){
document.write("方法呢，起作用了");
window.moveTo(500,200);
}
function cleartest(){
alert("呵呵");
window.clearInterval(id);
}

</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Window对象</title>
</head>

<body>
<input type="button" οnclick="showad()" value="下载电影"/>
<input type="button" οnclick="smalltest1()" value="改变尺寸"/>
<input type="button" οnclick="move()" value="moveBy"/>
<input type="button" οnclick="movetest()" value="moveTo"/>
<input type="button" οnclick="cleartest()" value="clear"/>
</body>
</html>