Java网页搭建--JavaScript入门

最新推荐文章于 2022-04-24 18:43:15 发布

VIP文章 _kooo

最新推荐文章于 2022-04-24 18:43:15 发布

阅读量216

点赞数

分类专栏：从网页搭建入门java web

本文链接：https://blog.csdn.net/qq_38517206/article/details/88584047

版权

学习内容：

js基础：

js输出：

测试代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScriptDeomo</title>
</head>
<body>
<p id="one"></p>
    <script type="text/javascript">
        /**
         * window.alert() 警告框
         * document.write() 写到HTML文档中
         * innerHTML 写到HTML元素中
         * console.log() 写到浏览器的控制台
         */

        window.alert('hello world');
        document.write('写入文档之中');

        // 将文字写入指定的元素
        document.getElementById('one').innerHTML = 'sss';

        //将信息输出到控制台
        console.log(123);


    </script>


</body>
</html>

输出结果：

首先会弹窗

然后进行输出：

js语句和注释：

测试代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js语句与注释</title>
</head>
<body>
    <script type="text/javascript">
        //分号
        //JavaScript 代码
        //JavaScript 语句标识符 
        //代码块 function x(){}
        //单行 //注释和多行注释/*  */ 

        var a = 1;
        
        function b() {
            var c=1;
            var d=2;
        }
        
        b();

    </script>

</body>
</html>

js数据类型：

测试代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js数据类型</title>
</head>
<body>
    <script type="text/javascript">
        //字符串 (String)
        //数字 (Number)
        //布尔 (Boolean)
        //数组 (Array)
        //对象 (Object)
        //空 (Null)
        //未定义 (Undefined)

        //var 可以声明各种类型
        var x;      //x Undefined
        var y = 5; //y Number
        var z = "john"; //z String

        //字符串
        var myName = "lcs";
        var myName = 'lcs';

        //数字
        var x1 = 10.0;
        var x2 = 10;

        //布尔
        var f1 = true;
        var f2 = false;

        //数组
        var cars = new Array();
        cars[0] = "bmw";

        var cars = new Array("bmw","audi","benz");

        var cars = ["bmw","audi","benz"];

        //JavaScript对象 键值对
        var person = {
            theFirstName : "john",
            theLastName : "James",
            id:1
        }

        //alert(person.theFirstName);
        alert(person["theFirstName"]);

        //Undefined 和 null
        //Undefined 表示这个变量不含有值
        //可以通过将变量的值复制为null来清空变量
        var persons;
        var myCar = "bmw";
        myCar = null;
        
    </script>

</body>
</html>

js变量：

测试代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js变量</title>
</head>
<body>
    <script type="text/javascript">
        //变量可以以 字母 $ _ 开头，最好以字母开头
        //变量对大小写敏感

        var a = 1;

        var a1 = 2;

        var $a = 3;

        var _a = 4;

        var A =5;

        console.log(A);
        console.log(a);

    </script>

</body>
</html>

最低0.47元/天解锁文章

_kooo

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Java网页搭建--JavaScript入门

学习内容：js基础：js输出：测试代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScriptDeomo</title></head><body&gt...
复制链接

扫一扫