• 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编码含有的内容都可以作为标识符

    在这里插入图片描述

  • 相关阅读:
    绕过伪静态
    【zookeeper】zookeeper监控指标查看
    docker下不同容器的网络互相访问问题
    Android 11.0 禁止弹出系统simlock的锁卡弹窗功能实现
    毕业设计 STM32远程车锁控制系统 -物联网 单片机
    IB DP 语言怎么选？
    JAVA计算机毕业设计员工婚恋交友平台Mybatis+源码+数据库+lw文档+系统+调试部署
    【Canvas】js用Canvas绘制漩涡螺旋图动画效果
    Meta&伯克利基于池化自注意力机制提出通用多尺度视觉Transformer，在ImageNet分类准确率达88.8%！开源...
    Mysql的事务以及存储引擎
  • 原文地址：https://blog.csdn.net/weixin_47267628/article/details/126475722