A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

JavaScript中常用的互动方法ヽ( ̄▽ ̄)ノ
  • 输出内容


  • <script type="text/javascript">



  •     var mystr = "我是";



  •     var mychar = "JavaScript";



  •     document.write(mystr + mychar)



  • </script>


  • 警告(alert消息对话框)


  • <html>



  • <head>



  •     <title>$Title$</title>



  •     <script type="text/javascript">



  •         function rec() {



  •             var mychar = "天冷多加衣!";



  •             alert(mychar);



  •         }



  •     </script>



  • </head>



  • <body>



  • <input name="button" type="button" onClick="rec()" value="点击我,弹出对话框"/>



  • </body>



  • </html>


  • 确认(confirm消息对话框)


  • <html>



  • <head>



  •     <title>$Title$</title>



  •     <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>



  • </html>


  • 提问(prompt消息对话框)


  • <html>



  • <head>



  •     <title>$Title$</title>



  •     <script type="text/javascript">



  •         function rec() {



  •             var score = prompt("请输入您的分数?");



  •             if (score >= 90) {



  •                 document.write("你很棒!");



  •             }



  •             else if (score >= 75) {



  •                 document.write("不错吆!");



  •             }



  •             else if (score >= 60) {



  •                 document.write("要加油!");



  •             }



  •             else {



  •                 document.write("要努力了!");



  •             }



  •         }



  •     </script>



  • </head>



  • <body>



  • <input name="button" type="button" onClick="rec()" value="点击我,对成绩做评价!"/>



  • </body>



  • </html>


  • 打开新窗口(window.open)


  • <html>



  • <head>



  •     <title>$Title$</title>



  •     <script type="text/javascript">



  •         function Wopen() {



  •             window.open('http://www.imooc.com', '_blank', 'height=600,width=400,top=100,left=0');



  •         }



  •     </script>



  • </head>



  • <body>



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



  • </body>



  • </html>





6 个回复

正序浏览
回复 使用道具 举报
回复 使用道具 举报
回复 使用道具 举报
优秀,奈斯
回复 使用道具 举报
回复 使用道具 举报
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马