Javascript：一些基本语法

便于日后复习快速回忆起来，把Javascript一些没那么普遍的语法特性写一写。

Javascript作为三剑客的灵魂，我把它写在body里

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>input</title>
</head>
<body>
    <script type="text/javascript">
        //在这里自由飞翔（内嵌式）
    </script>
         
        //又或者外联式,两括号间不能填东西了
        <script src="kumata.js"></script>
    
</body>
</html>

输入：prompt()

<script type="text/javascript">
        //输入函数
        // var a =prompt("请输入数字");
        // alert(a);

        // var a = prompt("你的能量值：")
        // var b = prompt("你想膨胀几倍")
        // alert("你膨胀之后能量值为" + a*b)

        var a = prompt("你的能量值：")
        var b = prompt("你想加多少")
        var c = parseInt(a) + parseInt(b)
        alert("你能量值为" + c)

输出:alert() 、console.log()

<script>
        //es语法：变量 函数 判断 循环

        //浏览器输出
        //BOM语法
        alert("提示框输出");   //简写
        window.alert("提示框输出"); //完整写法
        //DOM语法
        document.write("文档输出");
        console.log("控制台输出");
   </script>

==号与===号

<script type="text/javascript">
        // 大于、小于、大于等于，小于等于
        console.log(6 > 5);     //true
        console.log(6 < 5);        //false    
        console.log(6 >= 5);    //true
        console.log(6 <= 5);    //false

        // 等等号：这个符号与python相比不严格，类型不同也会帮它转换为相同的来比较
        console.log(5 == '5');    //true
        console.log(5 != '5');   //false

        console.log(6 >= 5);
        console.log(6 >= '5');
        console.log(6 > '5');
        console.log(5 == '5');
        console.log(5 === '5');
        console.log(5 !== '5');
    </script>

Javascript改变div内容

<div id="demo">
            click me!
        </div>

        <!-- html+css+js -->
        <script>
            // 获取kuma对象id获取。
            var kuma = document.getElementById("demo")

            //      事件三要素：
            //事件源.触发事件=function(){
            //    执行事件
            // }
            //点击才出发函数里面的内容
            kuma.onclick=function(){
                alert('done!')
                kuma.innerText=("i\'m chage");
            }
            
        </script>

 

特性太多了，后面有机会用上再补吧。

学习文档：

W3SCHOOL

 

posted @ 2018-08-27 19:37  kumata  阅读(190)  评论(0)  编辑  收藏  举报