• 【前端】学习笔记1.JavaScript书写位置、注释、结束符、输入输出、字面量

    这里写目录标题

    1.JavaScript书写位置（内联、内部、外部）

    1.1.内部JavaScript

    说明： 直接写在html文件里，用script标签包住
    规范： script标签写在</body>上面。(先有html再加载html)
    举例： alert(‘hello world,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>
</head>

<body>
    <h1>javascript</h1>
    <!-- 内部js -->
    <script>
        alert('hello world,js') 
    </script>
</body>

</html>

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

    在这里插入图片描述

    1.2.外部JavaScript

    代码写在以.js结尾的文件里
    语法:<script src="./test.js"></script>
    通过script标签，src=‘路径’引入到html页面中。

    html文件

    <!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>
    <h1>javascript</h1>
    <!-- 外部js -->
    <script src="./test.js"></script>
</body>

</html>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17

    test.js

    alert('hello world,js') 

    • 1

    注意：
    1.script标签中间无需写代码，否则会被忽略!
    ⒉.外部JavaScript会使代码更加有序，更易于复用，且没有了脚本的混合，HTML也会更加易读。

    1.3.内联JavaScript

    代码写在标签内部
    语法: <button onclick="alert('确实点了一下')"> 点我一下 </button>
    注意:vue框架会用这种模式

    <!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>
    <button onclick="alert('确实点了一下')"> 点我一下 </button>
</body>

</html>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15

    2.JavaScript注释

    类似C语言

    2.1.单行注释

    符号：//
    快捷键：Ctrl+/

    2.2.多行注释

    符号：/* */
    快捷键：Shift+Alt+A

    3.结束符

    • 结束符，代表语句。
    • 结束英文分号;
    • 可写可不写(现在不写结束符的程序员越来越多)
    • 换行符（回车）会被识别成结束符,所以一个完整的语句，不要手动换行因此在实际开发中有许多人主张书写JavaScript代码时省略结束符
    • 但为了风格统一，要写结束符就每句都写，要么每句都不写（按照团队要求.)

    4.输入输出

     <script>
        // 1.document.write文档里面写入
        document.write('<h1>hello</h1> ')
        // 2.alert 页面警示框
        alert('hello')
        // 3. console.log控制台输出
        console.log('console log')
        // 4.输入语句 prompt
        prompt('how old are you?')
    </script>

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10

    5.字面量

    在计算机科学中，字面量( literal）是在计算机中描述事/物
    比如:

    • 工资是:1000，数字字面量
    • 'hello′ 字符串字面量
    • []数组字面量
    • {}对象字面量等等
  • 相关阅读:
    openpnp - src - 配置文件载入过程的初步分析
    Linux Vim 进阶教程
    C. Social Distance
    Cravatar头像
    翻译 | Kubernetes Operator 对数据库的重要性
    Unity --- 曲线与帧事件
    基于springboot实现校园志愿者管理系统项目【项目源码+论文说明】
    源代码开发企业要如何进行代码加密，自主知识产权维护刻不容缓
    Jmeter组件作用域及执行顺序
    ClickHouse—入门
  • 原文地址：https://blog.csdn.net/qq_44078824/article/details/125336749