主页 > 专题教程 > javascript > js基础 >
来源:自学PHP网 时间:2018-02-08 10:24 作者: 阅读:次
[导读] 窗口是JavaScript浏览器对象模型中的顶层对象,称为window对象,它代表了打开的浏览器窗口,这是一个全局对象。...
|
窗口是JavaScript浏览器对象模型中的顶层对象,称为window对象,它代表了打开的浏览器窗口,这是一个全局对象。 窗口也可以划分为几个独立的显示区域,每一个区域显示相对独立的内容,这样的区域称为框架,它实际上是窗口中的窗口。关于框架将会在后面进行介绍。 窗口对象是所有其他对象的基础,它有一组属性和方法,用于控制窗口的特征和行为。由于窗口对象十分复杂,又是其他对象的父对象,因此,在使用窗口对象的属性和方法时,JavaScript允许省略窗口对象的名称。例如,使用窗口对象的 窗口对象提供了一组丰富的属性和方法,其中某些属性本身又是对象,这是面向对象编程的一个特点。下表中列出了window对象的常用属性。
window对象的方法:
小提示:当一个窗口要访问另一个窗口的属性和方法时(包括框架),只有它们的内容来自同一个域的同一个服务器,才有可能在一个窗口中访问另一个窗口的所有属性和方法。否则,处于安全的原因,浏览器将不允许某些属性和方法的访问。
应用举例我们除了通过在浏览器中执行“文件”→“新建”→“窗口”命令来打开一个新窗口外,也可以通过JavaScript代码来打开一个新的浏览器窗口,这需要用到window对象的
var window_obj = window.open("url",windowname,[features]);
例如下面的代码在点击按钮之后打开一个新的窗口,新窗口中显示的是百度首页的内容。
var winObj = window.open("https://www.baidu.com/","百度一下");
选项的使用方法为:使用等号将选项名称与选项值对应起来,选项之间使用逗号分隔。例如下面的例子:
var winObj = window.open("https://www.baidu.com/",
"百度一下",
"width=640,height=350,toolbar=yes,
directories=yes,status=no,resizable=yes,
scrollbars=yes,location=yes,menubar=yes"
);
//可以使用close()方法来关闭刚才打开的窗口
winObj.close();
在JavaScript中有几种方式移动窗口和改变窗口的大小,包括相对移动(相对缩放)和绝对移动(绝对缩放)。此时,传递给window对象的方法的参数以像素为单位,相对放大和移动窗口时,正值表示放大(左移),负值表示缩小(右移)。看下面的实例代码:
moveBy(10,20); //将窗口向右移动10个像素,向下移动20个像素
moveBy(-10,20); //将窗口向左移动10个像素,向下移动20个像素
resizeBy(15,20); //将窗口在当前大小的基础上横向放大15个像素,纵向放大20个像素
resizeBy(15,-20); //将窗口在当前大小的基础上横向放大15个像素,纵向缩小20个像素
moveTo(0,0); //将窗口移动到屏幕的左上角
resizeTo(480,320); //将窗口大小修改为横向480个像素,纵向320个像素
window对象提供了一个具有闹钟功能的方法 如果使用 从JavaScript 1.2开始,提供了用于在指定时间间隔中重复执行指定代码的方法
var timeout = setTimeout("expression",delaytime);
var tumerId = setInterval("expression",delaytime);
clearTimeout(timeout);
clearInterval(tumerId);
下面的例子中使用 现在的时间是:
利用window对象的
winObj.scrollTo(x,y);
下面的例子中点击“返回页面顶部”按钮可以回到页面的顶部。 代码为: window.scrollTo(0,0); |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com