JavaScript笔记

最新推荐文章于 2024-05-21 19:09:41 发布

逻辑1573

最新推荐文章于 2024-05-21 19:09:41 发布

阅读量28

点赞数

文章标签： javascript 笔记前端

本文链接：https://blog.csdn.net/m0_46681256/article/details/130205514

版权

一、JavaScript是什么？

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型编程语言。

1.主要的功能：

嵌入动态文本于HTML页面。
对浏览器事件做出响应。
读写HTML元素。
在数据被提交到服务器之前验证数据。
检测访客的浏览器信息。控制cookies，包括创建和修改等。
基于Node.js技术进行服务器端编程

二、基础内容

1.js基础——hello world

代码如下（示例）：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- js代码需要编写在scrpit标签内 -->
    <script>
 
        // 控制浏览器弹出警告框
        alert("这是我的第一行js代码!");
 
        // 让计算机在页面输出内容
        document.write("Hello World!!!");
 
        // 向控制台输出内容
        console.log("你猜猜我在哪呢!!!");
 
 
        // alert("这是一个弹窗！！");
        // document.write("这是一个文本内容！！");
        // console.log("这是控制台输出内容");
    </script>
</head>
<body>
    
</body>
</html>

2.js基础——js编写的位置

js有三种编写位置的方式

第一种：直接在标签内部使用

第二种：在script标签内使用

第三种：在外部js文件中编写，通过script标签引入（推荐使用）

3.js基础——js字面量和变量

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <script>
        /*
        * 字面量：都是不可变的值
        *   比如： 1 2 3 4...
        *   字面量可以直接使用，但我们一般不会直接使用字面量
        * 
        * 变量：变量可以用来保存字面量，而且变量可以任意改变
        *    变量可以更加方便使用,在开发中都是使用变量保存一个字面量
        *    而很少直接用字面量
        *    可以通过变量对字面量描述
        *    x=123546
        */
    //    alert(123456)
 
        // 声明变量
        // 在js中使用var关键字声明一个变量
        var a;
        // 为变量赋值
        a = 123;
        a = 456;
        console.log(a);
 
        // 声明和赋值同时进行
        var b = 789 ;
        console.log(b);
 
        var age = 80;
        console.log(age);
    </script>
</head>
<body>
    
</body>
</html>

4.js基础——js标识符

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title></title>
    <script>
        /*
        标识符：
            在js中所有可以由我们自主命名的都可以称为标识符
            例如：变量名、函数名、属性名都属于标识符
            命名要符合一下规则：
                1.标识符中可以含义字母、数字、_、$
                2.标识符不能以数字开头
                3.标识符不能是ES中的关键字和保留字
                4.标识符一般采用驼峰命名法
                                --首字母小写，每个单词的首字母大写，其余小写
            
        */
       var a1_$ = 123;
        // var 22a1_$ = 123;(不能以数字开头)
        // var var = 123;(var是关键字)
        var helloWorld;
    </script>
</head>
<body>
    
</body>
</html>

6.三元运算符


<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let a = prompt('请输入您的年龄：')

        // 三元运算符：本质就是ifelse     判断语句  ？  正确  执行的代码    ：   false执行的代码
        a > 18 ? console.log('你成年了，恭喜恭喜') : console.log('小屁孩一个')
        // if (a > 18) {
        //     console.log('你成年了，恭喜恭喜')
        // } else {
        //     console.log('小屁孩一个')
        // }

    </script>
</body>

</html>

逻辑1573

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript笔记

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型编程语言。嵌入于HTML页面。对浏览器事件做出响应。读写。在数据被提交到服务器之前验证数据。检测访客的浏览器信息。控制cookies，包括创建和修改等。基于技术进行服务器端编程。
复制链接

扫一扫