【JavaScript】window对象属性

简介:
window对象-属性
closed属性:表示对应的window对象的窗口是否关闭。
返回true表示窗口已经被关闭,返回false表示窗口没
有被关闭。

opener属性:返回打开当前窗口的window对象。

defaultstatus属性:用于设置和返回窗口状态栏中缺省
显示的文本内容。 也就是在没有任何操作的情况下状态
栏中所显示的文本内容。

status属性:它设置和返回窗口状态栏中当前正在显示的
文本内容。

screenTop属性:返回窗口左上角顶点在屏幕上的垂直位置。

screenLeft属性:返回窗口左上角顶点在屏幕上的水平位置。

我们关闭或跳转的时候检查网页窗口是否被关闭,如果没有
关闭就马上关闭通知所在窗口。

测试样例:(控制底部状态栏的位置)
teat.html:
<script language="javascript">
var strStatus="www.baidu.com";
var space_num=0;//空格数量
var dir=1;
function scroll()
{
    var str_space=" ";//初始化空格
    space_num=space_num+1*dir;//空格加1或减1
   if(space_num>40||space_num<=0)
   {//空格大于40的时候或空格小于等于0的时候反向(增加空格或减少空格)
        dir=-1*dir;
    }
   for(var i=0;i<space_num;i++)//开始按照空格数量来插入空格
   {
        str_space+=" ";
   }
   window.status=str_space+strStatus;//给状态烂重新设置状态信息
}
function start()
{
   window.setInterval("scroll()",100);
}
var child=window.open(
"information2.html","_blank",
"top=0,left=0,width=200,height=200,toolbar=no");
function closeChild()
{
    if(!child.closed)
    {
        child.close();
     }
}
</script>
<body onunload="closeChild()">
</body>

information2.html:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script language="javascript">
    window.setTimeout("Closeit()",5000);
    function Closeit()
    {
        opener.start();//打开它的那个html窗口的start方法启动
        window.close();
    }
</script>
</head>
<body>
<center><h1>通知</h1></center>
5秒后,这个窗口会关闭!
</body>
</html>

效果:点击text.html之后,会弹出information2.html窗口,
此时浏览器test.html的状态栏还没有信息。5秒之后
information2.html窗口关闭,浏览器test.html的状态栏出现了
"www.baidu.com"的字样,而且不断的从状态栏左侧边框向右移

动,40个空格之后又向左移动,不停的重复这一动作。




window对象-location对象
用于设置和返回浏览器中当前显示的网页文档的URL信息。

location中常用的属性就是href属性,设置这个属性可以让浏览器
载入一个新的网页文档。

window.location.href="www.baidu.com";
等效于
window.navigate("www.baidu.com");
//navigate方法:用于将当前窗口导航到新的URL资源上

<script>
window.navigate("www.baidu.com");
</script>

立即跳转到baidu首页

<script>
setTimeout('window.location.href="www.baidu.com";',2000);
</script>

2秒之后网页重定向至百度首页

location对象的replace方法也可以用于载入一个新的网页
setTimeout('window.location.replace("www.baidu.com");',2000);

location对象的reload方法用于重新载入(刷新)窗口中的当前网页。
每隔两秒钟刷新一下文档:
setTimeout('window.location.reload();',2000);

回复论坛信息的刷新:
<script>
opener.location.reload();
</script>
这个是写的留言编辑页面,而刷新的是打开这个编辑框的
网页,这样,留言发表着就可以马上看到自己发的留言了。

转载请注明出处:http://blog.csdn.net/acmman/article/details/44132073

相关文章
|
5天前
|
Web App开发 JavaScript 前端开发
如何确保 Math 对象的方法在不同的 JavaScript 环境中具有一致的精度?
【10月更文挑战第29天】通过遵循标准和最佳实践、采用固定精度计算、进行全面的测试与验证、避免隐式类型转换以及持续关注和更新等方法,可以在很大程度上确保Math对象的方法在不同的JavaScript环境中具有一致的精度,从而提高代码的可靠性和可移植性。
|
1天前
|
JavaScript 前端开发
如何在 JavaScript 中使用 __proto__ 实现对象的继承?
使用`__proto__`实现对象继承时需要注意原型链的完整性和属性方法的正确继承,避免出现意外的行为和错误。同时,在现代JavaScript中,也可以使用`class`和`extends`关键字来实现更简洁和直观的继承语法,但理解基于`__proto__`的继承方式对于深入理解JavaScript的面向对象编程和原型链机制仍然具有重要意义。
|
10天前
|
监控 JavaScript 前端开发
确定使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript
【10月更文挑战第24天】选择使用 `defer` 属性还是 `async` 属性来异步加载 JavaScript 是一个需要综合考虑多个因素的决策。需要根据脚本之间的依赖关系、页面加载性能要求、脚本的功能和重要性等因素来进行权衡。在实际应用中,需要通过测试和验证来确定最适合的加载方式,以提供更好的用户体验和页面性能。
|
5天前
|
JavaScript 前端开发 图形学
JavaScript 中 Math 对象常用方法
【10月更文挑战第29天】JavaScript中的Math对象提供了丰富多样的数学方法,涵盖了基本数学运算、幂运算、开方、随机数生成、极值获取以及三角函数等多个方面,为各种数学相关的计算和处理提供了强大的支持,是JavaScript编程中不可或缺的一部分。
|
10天前
|
监控 JavaScript 前端开发
使用 `defer` 属性异步加载 JavaScript
【10月更文挑战第24天】使用 `defer` 属性异步加载 JavaScript 是一种有效的提高页面性能和用户体验的方法。通过合理设置 `defer` 属性,可以在不影响页面渲染的情况下异步加载脚本,并确保脚本的执行顺序。在实际应用中,需要根据具体情况选择合适的加载方式,并注意处理可能出现的问题,以确保页面能够正常加载和执行。
|
28天前
|
移动开发 JavaScript 前端开发
原生js如何获取dom元素的自定义属性
原生js如何获取dom元素的自定义属性
40 4
|
29天前
|
存储 JavaScript 前端开发
JavaScript 对象的概念
JavaScript 对象的概念
35 4
|
27天前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
29 1
|
28天前
|
存储 JavaScript 前端开发
js中函数、方法、对象的区别
js中函数、方法、对象的区别
15 2
|
23天前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
13 0