javaScript（一）：javaScript基础知识

1、什么是JavaScript

• JavaScript（简称：JS） 是一门跨平台、面向对象的脚本语言。是用来控制网页行为的，它能使网页可交互。
• JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。
• JavaScript 在 1995 年由 Brendan Eich 发明， ECMA 标准,ECMAScript 6 (ES6) 是最新的 JavaScript 版本。

2、JavaScript快速入门

思考:JavaScript要写在Html哪里?以及需不需要使用标签

将JS代码定义在HTML页面中

1. JavaScript代码必须位于< script>< /script>标签之间
2. 在HTML文档中，可以在任意地方，放置任意数量的< script>
3. 一般会把脚本置于< body>元素的底部，可改善显示速度

<!--JS代码 打印5次Hello World-->
<script>
    for (let i = 0; i < 5; i++) {
   
        // alert("hello " + i)      //弹窗输出
        // document.write("hello " + i + "<br/>")    //直接书写到HTML页面
        console.log("hello " + i + "<br/>")         //输出到浏览器的控制台
    }
</script>

3、JavaScript三种引入方式

JavaScript编写位置

1. 行内位置
2. 内部脚本
3. 外部脚本

第一种：行内位置

格式：

<!--1.行内位置, 直接写在标签的属性里面-->
<button onclick="JS代码">我是按钮</button>

作用：只能给当前标签使用，编写简单JS脚本

示例：

<button onclick="alert(110)">我是按钮</button>

第二种：内部位置

格式：

<script>
    js代码
</script>

作用：只能给当前页面使用

示例：

<!--2.内部位置, 本网页有效(经常使用)-
        2.1.同一个HTML中可以有多个script标签，每个标签都会执行(从上往下运行)
        2.2.可以出现在网页中任何的位置
-->
<script type="text/javascript">
    alert("内部方式")
</script>

注意：type="text/javascript"是设置内部代码类型，代表内部文本是javaScript代码，可以省略

第三种：外部位置

格式：

 <script type="text/javascript" src="外部js文件路径"></script>

作用：可以给多个html页面使用，重用性好

示例：

<!--3.外部位置, 使用script标签引入外部的JS文件,
        src属性:指定JS文件位置
    注意:
        如果引入了外部JS文件,这个标签中的JS代码是无效的
        <script>不能提前结束,不能写成这样: <script src="js/out.js"/>, 影响后面的JS执行
-->
<script src="js/out.js"></script>

注意：

1. 引用外部js文件的script标签体内不可以写js代码，否则无效，并且script标签必须成对
2. 错误1：< script src="js/out.js" type="text/javascript">无效的js代码编写位置< /script>
3. 错误2：< script src="js/out.js" />