js学习:输出内容、警告、确认、提问、打开新窗口、关闭窗口

一、输出内容

 <script type="text/javascript">
    var mystr="我在学";
    var mychar="JavaScript";
    document.write(mystr+mychar+"我爱js"+"<br>");
  </script>

结果:

二、警告(alert弹出框)

<title>alert</title>
  <script type="text/javascript">
  function rec(){
    var mychar="I love JavaScript";
    alert(mychar);
    alert(“我是大漂亮”);
  }
  </script>
</head>
<body>
    <input name="button" type="button" onClick="rec()" value="点击我,弹出对话框" />
</body>

结果:

三、JavaScript-确认(confirm 消息对话框)

 <script type="text/javascript">
  function rec(){
    var mymessage=confirm("我是宝宝")         ;
    if(mymessage==true)
    {
        document.write("你是女士!");
    }
    else
    {
        document.write("你是男士!");
    }
  }    
  </script>
</head>
<body>
    <input name="button" type="button" onClick="rec()" value="点击我,弹出确认对话框" />
</body>

四、JavaScript-提问(prompt 消息对话框)

 <script type="text/javascript">
  function rec(){
    var myname=prompt("请输入你的姓名:");
if(myname!=null)
    {   alert("你好"+myname); }
else
  {  alert("你好 my friend.");  }
  }
  </script>
</head>
<body>
    <input name="button" type="button" onClick="rec()" value="点击我,对成绩做评价!" />
</body>

五、JavaScript-打开新窗口(window.open)

<script type="text/javascript">
  function Wopen(){
      window.open('http://www.imooc.com','_blank',width=600,height=400,top=100,left=0)    

  } 
</script>
</head>
<body>
    <input name="button" type="button" onClick="Wopen()" value="点击我,打开新窗口!" / >
</body>

六、JavaScript-关闭窗口(window.close)

 <script type="text/javascript">
  function wclose(){
     var mywin=window.open("http://www.imooc.com");
     mywin.close();
  }
 
  </script>
</head>
<body>
    <input name="button" type="button" onClick="wclose()" value="点击我"/>
</body>

七、综合案例

<script type="text/javascript">  
  function openWindow(){
      var open=confirm("确认打开新窗口?")
      if(open==true)
      {var url=prompt("通过输入对话框,确定打开的网址,默认为","http://www.imooc.com/")
      if(url!=null)
      {window.open(url,"_blank",'width=400,height=500,memubar=no,toolbar=no');}
      else
      {alert("再见");}
      }
      else
      {alert("再见");}
  }

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

 

 

 

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值