JavaScript 对话框

1、引用JS

   1.内部引用js写在body

   2.外部引用js写在head

 

2、注释

   单行注释  //

   多行注释  /**/

 

3、if...else判断语句

    <script type="text/javascript">

var myage="18";

if(myage>=18) //myage>=18是判断条件

{document.write("你是成年人")}

else

{document.write("你是未成年人")}

     <script>

4、函数

1.函数能省重复输入大量代码的麻烦。

2.如何定义一个函数呢?

  function 函数名()

      {函数代码;

      }

3.编写两数相加简单的函数

function add2(){

   var sum=2+3;  //定义一个变量为sum

   alert(sum);  //弹出变量sum相加后的值

}

4.输出多项内容,内容之间用+号连接。输出HTML标签,要用“”括起来

<script type="text/javascript">

   var>

var two="郑楚君";

 document.write(one+two+"<br>"+"的小粉丝");  //输出结果为    我是郑楚君 的小粉丝

</script>

5.确认——confirm消息对话框

语法:confirm(str)  //str为消息对话框中要显示的文本

<script>

 function one(){

var c=confirm(你喜欢我吗?)

if(c==true){document.write("喜欢")}

else{document.write("不喜欢")}}

</script>

<body>

<input type="button" value="点击我,弹出确认对话框">

</body>

6.提问——prompt消息对话框

语法:prompt(str1,str2)

<script>

        function rec(){
            var name=prompt("请输入你的姓名:");
            if(name!=null){alert("你好"+name);}

else{alert("傻逼"); }  }

</script>

<body>

 

<input type="button" value="点击我,弹出确认对话框">

</body>

7.打开新窗口——window.open

_blank:在新窗口显示目标网页

_self:在当前窗口显示

_top:框架网页中在上部窗口显示

img

<script>
        function rec(){window.open('http://baidu.com','_blank') }
</script>

<body>
      <input type="button" value="点我打开新窗口" />

</body>

8.关闭窗口——window.close

<script>
        var mywin=window.open("http://www.imooc.com");  mywin.close();
</script>

9.作业

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

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

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

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

<script>

function openWindow(){

var open=confirm("是否打开?");

if(open==true){open=prompt("确认打开"," http://www.imooc.com")}

if(open==" http://www.imooc.com"){var open=window.open("http://www.imooc.com","_blank","width=400,height=500,menubar=no,toolbar=no")}

}

</script>

<body>
      <input type="button" value="点我打开新窗口"  />

</body>

转载于:https://my.oschina.net/xiaojunx/blog/832424

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值