9.23JavaScript1

Web标准：

web标准也称为网页标准，由一系列的标准组成，大部分由W3C( World Wide Web Consortium，万维网联盟)负责制定

三个组成部分:
HTML：　　负责网页的基本结构(页面元素和内容)。
CSS：  　　负责网页的表现效果(页面元素的外观、位置等页面样式，如:颜色、大小等)。
JavaScript：负责网页的行为 (交互效果)。

 

JavaScript（简称：JS）是一门跨平台、面向对象的脚本语言。是用来控制网页行为的，它能使网页可交互

（脚本语言）：代码不需要编译，经过浏览器的解释就可以运行

JavaScript和Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。
JavaScript在1995 年由 Brendan Eich 发明，并于1997 年成为 ECMA标准。
ECMAScript 6(ES6)是最新的JavaScript 版本(发布于2015年)。

 

JavaScript引入方式：

内部脚本：将JS代码定义在HTML页面中

　　JavaScript代码必须位于<script></script>标签之间

　　在HTML文档中，可以在任意地方，放置任意数量的<script>

　　一般会把脚本置于<body>元素的底部，可改善显示进度

<script>
    alert("Hello JavaScript")
</script>

外部脚本:将JS代码定义在外部JS文件中，然后引入到 HTML页面中

　　外部JS文件中，只包含S代码，不包含<script>标签

　　<script>标签不能自闭合

正确写法：

<script src = "js/demo.js"><script>


alert("Hello JavaScript")                (demo.js)

即使<script>和</script>之间无内容，也不能省略（即不能自闭合）

自闭合：

<script src = "js/demo.js/>  （×）

 

 

JavaScript内部脚本和外部脚本是两种不同的方式来包含和执行JavaScript代码的方法，它们之间有一些重要的区别。

以下是它们之间的主要区别：

1. 位置：

- 内部脚本：内部脚本是直接嵌入在HTML文档中的JavaScript代码，通常位于`<script>`标签内部，可以放置在HTML文档的任何位置，如`<head>`部分或`<body>`部分。

- 外部脚本：外部脚本是存储在独立的.js文件中的JavaScript代码，然后通过`<script>`标签的`src`属性引用该文件。这些文件通常存储在服务器上，并通过URL加载。

2. 维护性：

- 内部脚本：内部脚本将JavaScript代码直接嵌入HTML中，可能会导致HTML文件变得混乱，难以维护，尤其是对于大型项目。

- 外部脚本：外部脚本将JavaScript代码存储在单独的文件中，使代码更容易维护和管理。多个HTML页面可以共享同一个外部脚本文件，从而提高代码的重用性。

3. 缓存和性能：

- 内部脚本：每次加载包含内部脚本的HTML页面时，都会重新加载和解释JavaScript代码，这可能会影响性能，并浪费带宽。

- 外部脚本：外部脚本文件通常会被浏览器缓存，因此当用户访问多个页面时，它们只需要下载一次，从而提高性能并减少带宽消耗。

4. 可维护性和团队协作：

- 内部脚本：在团队协作中，如果多个开发人员同时编辑HTML文件，可能会导致冲突和问题，因为JavaScript代码与HTML混合在一起。

- 外部脚本：外部脚本文件可以单独维护，多个开发人员可以并行工作，不会相互干扰。

5. 测试和调试：

- 内部脚本：在内部脚本中进行JavaScript代码的测试和调试相对复杂，因为它与HTML紧密耦合在一起。

- 外部脚本：外部脚本可以独立测试和调试，使用浏览器的开发工具更容易进行错误排查。

总之，内部脚本和外部脚本都有其用途，但外部脚本通常更适合大型项目和团队协作，因为它们提供了更好的可维护性、性能和测试/debugging 等方面的优势。

然而，在某些情况下，内部脚本可能更方便，特别是对于小型项目或需要临时性JavaScript的情况。

 

ps：不得不说，ChatGPT还是蛮好用的

 

posted @ 2023-09-23 10:36  suN(小硕)  阅读(14)  评论(0)  编辑  收藏  举报