Javascript：一些基本语法

时间：2024-08-02 23:33:14

便于日后复习快速回忆起来，把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

相关文章