• 博客园logo
  • 会员
  • 周边
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • YouClaw
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
布丁鲜草莓
博客园    首页    新随笔    联系   管理    订阅  订阅

JavaScript初级入门

1.注释://

  1.1//我是注释

2.判断:if{}else{}

3.函数:function 有意义的函数名(){函数内容}

4.常用互动:

  4.1输出内容:document.write();

    4.1.1输出字符串:document.write("我是字符串");

    4.1.2输出字标签:document.write("我之后是换行标签,会换行哦~"+"<br>");

  4.2警告:alert()

  4.3确认:confirm()

  4.4提问:prompt()

  4.5打开新窗口:window.open("url")

  4.6关闭窗口:window.close()

5.综合练习

任务描述:

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

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

2、通过输入对话框,确定打开的网址,默认为 https://i.cnblogs.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 isOpen = confirm("是否打开新窗口?");
         if( isOpen == true ) {
              // 通过输入对话框,确定打开的网址,默认为 https://i.cnblogs.com
              var openSit = prompt("请输入新网址","https://i.cnblogs.com");
               //打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。
               window.open(openSit,"_blank","width=400,height=500,menubar=no,toolbar=no")
         }else{

   //啥都木有啊~~

   }
         
    }
    
  </script>
 </head>
 <body>
      <input type="button" value="新窗口打开网站" onclick="openWindow()" />
 </body>
</html>

posted @ 2017-05-05 10:22  布丁鲜草莓  阅读(406)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2026
浙公网安备 33010602011771号 浙ICP备2021040463号-3