JavaScript 介绍

最新推荐文章于 2023-12-29 09:02:00 发布

大坝谁修哈

最新推荐文章于 2023-12-29 09:02:00 发布

阅读量388

点赞数

文章标签： javascript 前端

本文链接：https://blog.csdn.net/fsh999/article/details/127930034

版权

一.JavaScript 是什么?

二.JavaScript 书写位置

三.JavaScript 的注释

四.JavaScript的结束符

五.输入和输出语法

一.JavaScript 是什么?

1. JavaScript （是什么？）

是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。

2. 作用（做什么？）

➢ 网页特效 (监听用户的一些行为让网页作出对应的反馈)

➢ 表单验证 (针对表单数据的合法性进行判断)

➢ 数据交互 (获取后台的数据, 渲染到前端)

简单的来说,就是教网页做事.

3. JavaScript的组成（有什么？）

➢ECMAScript:规定了js基础语法规范。

比如：变量、分支语句、循环语句、对象等等

➢DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作

➢BOM 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等

二.JavaScript 书写位置

1. 行内JavaScript(代码写在标签内部)

<button onclick="alert('早上好')">点击</button>

2. 内部 JavaScript(直接写在html文件里，用script标签包住)

<body>
    <!-- js内部样式表
    注意点:
    1.必须放在结束body标签上方,为了更好操作标签
    2.内部js不带src属性 -->
        <script>
            alert('你好js')
        </script>
</body>

注意:我们将<script>放在HTML文件的底部附近的原因是浏览器会按照代码在文件中的顺序加载 HTML。如果先加载的 JavaScript 期望修改其下方的 HTML，那么它可能由于 HTML 尚未被加载而失效。因此，将 JavaScript 代码放在 HTML页面的底部附近通常是最好的策略。

3. 外部 JavaScript(代码写在以.js结尾的文件里)

<body>
    <!-- 引入外部js 在写项目时使用 -->
    <!-- 注意点
    1.外部js的script里面不能写代码,不生效
    2.写项目时用外部更方便 -->
    <script src="./js/dome.js"></script>
</body>

三.JavaScript 的注释

1.单行注释

➢符号：//

➢作用：//右边这一行的代码会被忽略

➢快捷键：ctrl + /

2.块注释

➢符号：/* */

➢作用：在/* 和 */ 之间的所有内容都会被忽略

➢快捷键：shift + alt + A

四.JavaScript的结束符

➢作用：使用英文的 ; 代表语句结束

➢实际情况：实际开发中，可写可不写, 浏览器(JavaScript 引擎) 可以自动推断语句的结束位置

➢现状：在实际开发中，越来越多的人主张，书写 JavaScript 代码时省略结束符

➢ 约定：为了风格统一，结束符要么每句都写，要么每句都不写（按照团队要求.）

<body>
    <!-- 结束符  符号英文;号  作用:让语句结束 -->
    <script>
        // js引擎在执行语句代码时,默认是可以在一行显示,但是要以分号分割
        // 不打分号,我们要换行,回车键在js引擎解析时会默认为;号
        alert(1);alert(2);  
        alert(3)
        alert(4)
        // 总结:在实际开发中分号可以加也可以不加,按照团队要求判断是否添加
    </script>
</body>

五.输入和输出语法

什么是语法：

➢ 人和计算机打交道的规则约定

➢ 我们要按照这个规则去写

➢ 比如：你吃了吗？

➢ 我们程序员需要操控计算机，需要计算机能看懂

<body>
    <script>
        // 输入和输出的语法  语法是js给制定规则
        // 输出
        // 1.在页面的body 标签内输入内容
        document.write('你好js')
        // 2.在页面弹出提示框,提示用户
        alert('你好')
        // 在控制台打印输出,给程序员调试错误使用
        console.log('JavaScript我来了')
        // 输入
        // 1.在页面弹出对话框,提示用户输入内容
        prompt('他~会魔法吧~')
    </script>
</body>