HTML-Day03-JavaScript

<script>
    //弹出警告对话框
    alert("hello world");
    //输出日志
    console.log("打印测试");

    //if条件判断语句
    if (confirm("是否成年")) {
        //打印在页面
        document.write("已成年");
    } else {
        document.write("未成年");
    }

    //方法的声明 无参方法
     function abc(){
        if (confirm("狗或猫")) {
            document.write("狗")
        } else {
            document.write("猫")
        }
     }
     //调用方法 无参方法
     abc();

       //方法的声明 有参方法
       function ABC(int){
        if (confirm(int)) {
            document.write(0);
        } else {
            document.write(1);
        }
     }
     //调用方法 有参方法
     ABC(1926);

      //有参有返回值方法的定义
    function fun1(a){
        return a;
    }
    //var 定义一个变量存储返回值
    var num = fun1(10)+1;
    //在页面上打印返回值
    document.write(num);

    <!-- 创建按钮，onclick点击事件调用方法 -->
    <button onclick="fun1()">点击+1</button>
    <script>
        function fun1(){
            alert("+1");
        }
    </script>


    //定义一个文本控件
    <input type="text"  id="text">
    //定义一个按钮，调用onclick 方法注册点击事件(输入框中输入->点击按钮->弹出)
    <button onclick="fun1()">测试</button>
    <script>
        function fun1(){
            //获得文本框的值 document.getElementById(文本控件的id属性).value
            str = document.getElementById("text").value;
            //把值弹出
            alert(str);
        }
    </script>

</script>

 

例