BOM操作——window对象(一)

window对象定义了3个人机交互的方法,主要方便对JavaScript代码进行测试。

  • alert():确定提示框。该方法包含了一个可选的提示信息参数。如果没有指定参数,则弹出一个空的对话框。
  • confirm():选择提示框。由浏览器向用户弹出提示信息,弹出对话框包含两个按钮,分别表示“确定”和“取消”。如果单击“确定”按钮,则该方法会返回一个true;单击“取消”按钮,则返回一个false。
  • prompt():输入提示框。

下面的示例演示了如何综合用这3个方法来设计一个人机交互对话。

<script>
        var user=prompt('请输入你的用户名:');
        if(!!user){
            var ok=confirm('你输入的为:\n'+user+'\n请确认。');
            if(ok){
                alert('欢迎你:\n'+user);
            }else{
                user=prompt('请重新输入你的用户名:');
                alert('欢迎你:\n'+user);
            }
        }else{
            user=prompt('请输入你的用户名');
        }
    </script>

2.打开和关闭窗口

window.open(URL,name,features.replace) 

URL:可选字符串,声明在新窗口中显示网页文档的ULR。如果省略,或者为空,则新窗口就不会显示任何文档。

name:可选字符串,声明新窗口的名称。这个名称可以用作标记<a> 和<form>的target目标值。如果该参数指定了一个已经存在的窗口,那么open方法就不会创建一个新窗口,而只是返回对指定窗口的引用,在这种情况下,features参数将被忽视。

features:可选字符串,声明了新窗口要显示的标准浏览器的特征。如果省略该参数,新窗口将具有所有标准特征。

replace:可选布尔值。

下面的示例演示如何自动弹出一个窗口,然后设置半秒钟之后自动关闭该窗口,同时允许用户单击页面超链接,更换弹出窗口内显示的网页URL。

 var url="http://news.baidu.com/";
     var features="height=500,width=800,top=100,left=100,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no";
document.write('<a href="http://www.baidu.com/" target="newW">切换到百度首页</a>');
var me=window.open (url,"newW",features);
setTimeout(function(){
    if(me.closed){
    console.log('创建的窗口已关闭。');
    }else{
         me.close();
    }
},500);

 setTimeout()方法能够在指定的时间段后执行特定代码。其具体用法如下:

var o=setTimeout(code,delay);   

code表示要延迟执行的字符串型代码

delay表示延迟的时间,单位为毫秒(ms) 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Luck&Strive

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值