前端实践--JavaScript--新按钮,新网站 ,新窗口。

来源:互联网 发布:数据库软件都有哪些 编辑:程序博客网 时间:2024/06/06 09:43

任务

1、新窗口打开时弹出确认框,是否打开

提示: 使用 if 判断确认框是否点击了确定,如点击弹出输入对话框,否则没有任何操作。

2、通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/

3、打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。

解决方案:

<!DOCTYPE html><html> <head>  <title> new document </title>    <meta http-equiv="Content-Type" content="text/html; charset=gbk"/>     <script type="text/javascript">      function openWindow()    {      var openborder=confirm("是否打开该窗口?")// 新窗口打开时弹出确认框,是否打开        if(openborder==true)          {              var webadress=prompt("请输入网址:","http://www.imooc.com");// 通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/              if(webadress!=null)                {                    window.open(webadress,"_blank",'width=400px,height=500px,menubar=no,toolbar=no');//打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。                }              else              {alert("结束!");}          }        else        {alert("结束!");}    }  </script>  </head>  <body>       <input type="button" value="新窗口打开网站" onclick="openWindow()" />  </body></html>

任务来源:慕课网《JavaScript 入门篇》- - 编程练习

0 0
原创粉丝点击