【2020Python修炼记】前端开发之 JavaScript 基础

【目录】

一、什么是JavaScript

二、如何学习JavaScript

三、JavaScript 的三种书写位置

一、什么是JavaScript

1、简介

JavaScript 和 Java 一点关系也没有,有也只是JavaScript 蹭 Java的热度罢了……

# ECMAScript和JavaScript的关系

因此ECMAScript和JavaScript的关系是,前者是后者的规格,后者是前者的一种实现。

# js 版本
主要还是用的5.1和6.0

JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言,可写前端和后端。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。

2、注释

# js的注释
"""
// 单行注释

/*
多行注释1
多行注释2
多行注释3
*/

二、如何学习JavaScript

【基础语法】

  • 变量

  • 数据类型

  • 流程控制

  • 函数

  • 对象

  • 内置方法/模块

三、JavaScript 的三种书写位置

1、行间式

JS代码写在标签的事件全局属性当中,使用JS 编程语法

<!-- 关键代码 -->
<!-- 给div标签添加点击事件的交互逻辑:弹出文本提示框 -->
<div onclick="alert('点击我完成页面交互')">点我</div>

2、内联式 —— 直接写在 <script></script> 标签中

<!-- 关键代码 -->
<!-- 页面被加载打开时,就会触发事件的交互逻辑:弹出文本提示框 -->
<body>
    <!-- body标签中的所有子标签位置 -->

    <!-- script标签出现在body标签的最下方 -->
    <script>
        alert('该页面被加载!')
    </script>
</body>

3、外联式 —— 使用 <script src=""></script> 中的 src="" 引入外部JS文件

js 文件夹下的my.js 文件 —— 可被多处引用

alert('外联式js文件弹出框')

根目录下的 first.html

<!-- 关键代码 -->
<!-- 页面被加载打开时,就会触发事件的交互逻辑:弹出文本提示框 -->
<body>
    <!-- body标签中的所有子标签位置 -->

    <!-- script标签出现在body标签的最下方 -->
    <script src="js/my.js">
        /* 不要在此写JS代码,原因是用来引入外部js文件的script标签,标签内部书写的JS代码不在起作用 */
    </script>
</body>

PS:

也可以使用浏览器“检查”功能,在console 界面编辑代码

(0)

相关推荐