学习笔记-JavaWeb入门-浅学JavaScript（一）

最新推荐文章于 2024-11-08 22:26:51 发布

fixxxxxxx

最新推荐文章于 2024-11-08 22:26:51 发布

阅读量102

点赞数

文章标签：学习笔记前端

本文链接：https://blog.csdn.net/fixxxxxxx/article/details/131995115

版权

文章介绍了JavaScript的基本概念，包括如何在HTML中内部和外部引入JS，常用的输出方法如alert、document.write和console.log，以及变量声明与数据类型的使用，如var、let和const。此外，还讲解了数据类型检测、运算符和函数的调用，包括传递参数的例子。

摘要由CSDN通过智能技术生成

JS引入方式

演示：

在body内写入下面内容

<!-- 内部标签 -->
    <script>
        alert('Hello JS!');
    </script>

<!-- 外部标签 -->
<script src="js/demo.js"></script>

js/demo.js内的样式：

结果是生成的网页会弹出两次警告框。

书写语法

输出语句

演示：

<body>
你好，世界！
    <script>
        //弹出警告框
        window.alert('Hello JS!');
        //写入html页面中
        document.write("Hello JS!")
        //在浏览器控制台输出
        console.log("hello JavaScript!")
    </script>
</body>

变量

演示：

 <script>
        var a=10;
        alert(a);
        a="张三";
        document.write(a);

        {
            let n=3;
            let n=5;
        }
        const x =13;
        x=15;
        alert(x);
    </script>

n不可被重复声明，在编辑器里已报错

const值不可修改，在浏览器的控制台可以发现报错

数据类型、运算符

使用typeof运算符可以获取数据类型

演示：

<script>
document.write(typeof "213 " );
document.write(typeof "ASD123");
var a;
document.write(typeof a);
</script>

<script>
 var age = 20;
 var _age = "20";
 var $age = 20;
 window.alert(age == _age); //true
 window.alert(age === _age); //false
 window.alert(age === $age); //true
</script>

依次弹出true false true。

<script>
 document.write(parseInt("123"));
 document.write(parseInt("123ABC"));
 document.write(parseInt("asd12"));
 if (NULL)
    alert("null转化为bool类型为1");
 if (NaN)
    alert("NaN转化为bool类型为1");
 if (undefined)
    alert("undefined转化为bool类型为1");
</script>

网页内容为：

没有任何弹窗。

函数

JS中，调用函数可以传递任意个数的参数

演示：

    <script>
        function add(a,b){
            return a+b;
        }
        var result=add(10,20);
        alert(result);


        var multiply=function(a,b){
            return a*b;
        }
        var result2 =multiply(10,20);
        alert(result2);
    </script>