web前端学习之javascript

最新推荐文章于 2024-07-04 00:59:27 发布

直条纹先生

最新推荐文章于 2024-07-04 00:59:27 发布

阅读量127

点赞数

分类专栏： web前端文章标签： javascript 前端学习

本文链接：https://blog.csdn.net/weixin_45936141/article/details/125001198

版权

web前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

day01

01.helloworld

<!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>
    <script type="text/javascript">

        /*
        控制浏览器发一个警告框
        
        */
       alert("这是我发的第一个js代码");

       /*
       
       让在计算机中输出一个内容
       可以向body中输出一个内容
       */
       document.write("看我出不出来~~");


       /*
       向控制台中输入一个内容
       */
      console.log("你猜我在哪？")

    </script>
</head>
<body>
    
</body>
</html>

02.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>Document</title>
    <!--
        
        可以将js写入外部文件夹中，再引入！
    写到外部文件夹中可以让不同的页面引入
    也可以利用浏览器缓存的机制推荐使用的方式

    -->


    <!--script标签一旦创建引入外部文件，就不能编写代码了，即使编写了浏览器也会忽略
    如果需要则可以创建一个新的script标签编写内部代码
    -->

    <script type="text/javascript">

        alert("我是内部的js代码！！")
    </script>
    <script type="text/javascript" src="./js/script.js">

    </script>

    
</head>
<body>
    <!--
        可以将js代码写在onclick属性中
        当我们点击按钮时，js代码执行

        行为和语言耦合不推荐使用！！
    -->
    <!-- <button onclick="alert('点我干嘛');">点我一下！</button>

    <!--可以将js代码写在超链接href属性中，这样点击超链接时，会执行js-->
    <a href="javascript:alert('让你点你就点？');">你也点我一下</a>

    <a href="javascript:;">你也点我一下</a> -->
</body>
</html>

03.基本的语法

<!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>
    <script>

        /*

        多行注释
        js注释

        */

        //单行注释

        /*
        1.js中严格区分大小写
        2.js语句中以分号结尾；
        3.js中会忽略空格和换行，所以我们可以利用空格和换行对代码进行格式化
        
        --如果不写分号，浏览器会自动加上，但是会消耗一些系统资源（必须英文分号！）
        而且有些时候，浏览器会加错分号，所以在开发中分号必须写
        */

        alert("js文件！！")
    </script>
</head>
<body>
    
</body>
</html>

04.字面量和变量

<!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>
    <script type="text/javascript">

        /*
        字面量都是一些不可以改变的值
        比如：12345
        字面量都是可以直接使用，但是我们一般都不会直接使用字面量

        --变量可以用来保存字面量，而且变量的值是可以任意改变的
        变量更加方便我们的使用，所以开发中都是通过变量去保存一个字面量
        而不直接使用字面量

        变量声明
        js中使用var来声明一个变量


        变量名、函数名、属性名都属于标识符
        
        */
       var a = 123;
       a = 456;
       console.log(a);
       
    </script>
</head>
<body>
    
</body>
</html>

05.标识符

<!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>
    <script type="text/javascript">

/*

     标识符
        -在js中所有的可以由我们自主命名的都可以认为是标识符
        -例如：变量名、函数名、属性名都属于标识符
        -命名一个标识符时需要遵守如下的规则
        -1.标识符中含有字母、数字、$
        -2.标识符不能以数字开头
        -3.标识符不能是ES中的关键字或保留字

*/
        var a_1_$ = 3;
        console.log(a_1_$);

    </script>
</head>
<body>
    
</body>
</html>

06.标识符

<!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>
    <script type="text/javascript">

/*

     标识符
        -在js中所有的可以由我们自主命名的都可以认为是标识符
        -例如：变量名、函数名、属性名都属于标识符
        -命名一个标识符时需要遵守如下的规则
        -1.标识符中含有字母、数字、$
        -2.标识符不能以数字开头
        -3.标识符不能是ES中的关键字或保留字
        -4.标识符一般都是驼峰命名法（每个单词首字母大写，其余小写，HelloWorld）

        js底层保存标识符时按照unicode编码，所有理论上讲，utf-8中含有的内容都可以作为标识符



*/
        var a_1_$ = 3;
        console.log(a_1_$);

    </script>
</head>
<body>
    
</body>
</html>

直条纹先生

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web前端学习之javascript

day0101.helloworld<!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">
复制链接

扫一扫