• JavaScript入门

    JavaScript入门

    1.JavaScript组成部分

    一个完整的JAVASCRIPT实现应该由以下三个部分组成

    • ECMAScript
    • DOM
    • BOM

    在这里插入图片描述

    2.JavaScript的第一个程序

    DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>JS基础入门title>
    <script>
        /**
         * alert：弹出警告框，并且阻塞程序执行
         */
        alert("弹出警告框");

        /**
         * 让计算机在页面中输出一个内容
         * document.writeln()可以向body中输出一个内容
         */
        document.writeln("明天更好，向VUE进行");

        /**
         * 向控制台输出一个内容
         */
        console.log("向控制台打印日志");
    script>
head>
<body>
body>
html>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26

    3.JavaScript编写位置

    DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>JS编写位置title>
  <script type="text/javascript">
    alert("我是一个内容的js代码");
  script>

  <script type="text/javascript" src="outerJsCode.js">script>
head>
<body>

    <button onclick="alert('您好：湛江!')">
      湛江
    button>


    <a href="javascript:alert('点我试试');">试试就试试a>

    <a href="javascript:;">给我等着a>
body>
html>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34

    注意是：script标签一旦用于引入外部文件了，就不能在编写代码，即使编写了script代码浏览器也会忽略掉

    <!--
    一般用于超链接，禁止跳转的作用
-->
    <a href="javascript:;">给我等着</a>

    • 1
    • 2
    • 3
    • 4

    4.JavaScript 基本语法

    • 多行注释
    • 单行注释
    • 严格区分大小写
    • 忽略多个空格和换行
    <!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>JS基本语法</title>
</head>
<body>
<script type="text/javascript">
// 单行注释

/**
 * 多行注释
 */

/**
 * 1.JS中严格区分大小写的
 * 2.JS中每一条语句都以分号(;)结尾
 *      - 如果不写分号，浏览器会自动添加分号，但是会消耗一些系统资源，
 *      而且有些时候，浏览器会加错分号，所以在开发分号必须写
 * 3.JS中会忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化     
 */
</script>
</body>
</html>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24

    JS中每一条语句都以分号(;)结尾，如果不写分号，浏览器会自动添加分号，但是会消耗一些系统资源，而且有些时候，浏览器会加错分号，所以在开发分号必须写

    5.字面量和变量

    字面量和变量：字面量其实就是常量，而变量就是用于保存字面量

    变量：变量可以直接赋值或先声明后赋值

    DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Titletitle>
head>
<body>
  <script type="text/javascript">
    /**
     * 字面量：代表就是常量，可以直接使用
     * 变量：变量可以来保存字面量，而且变量的值可以任意改变的
     *      变量更加方便我们使用，所以在开发中都是通过变量去保存字面量
     */

    // 定义变量，先声明后赋值
    var name = "海康";

    // 定义变量，直接赋值
    var age = 168;

    console.log("姓名:\t"+name+"\n年龄\t"+age);

  script>
body>
html>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25

    注意的是：如果只声明一个变量，没有给变量一个赋值，则变量的类型是：Undefined类型

    6.标识符

    标识符：

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

    注意的是第一到第三条是必须遵守的

    JS底层保存标识符实际上是采用的Unicode编码，其实上就是utf-8编码含有的内容都可以作为标识符

    在这里插入图片描述

  • 相关阅读:
    TortoiseGit图标覆盖的意义
    01-Linux部署MinIo
    layui input 监听事件
    java毕业设计在线课程教学大纲系统Mybatis+系统+数据库+调试部署
    简单的介绍一下：柔性数组
    PDF文件在线预览
    Grafana dashboards as ConfigMaps
    C语言——指针进阶（二）
    linux中如何编写脚本来实现一个可以进行cmd命令及shell脚本调用的UI交互页面
    Linux篇【3】：Linux环境基础开发工具使用(上)
  • 原文地址：https://blog.csdn.net/weixin_47267628/article/details/126475722