JavaScrip第一章

最新推荐文章于 2024-11-16 14:11:26 发布

Liu_L.

最新推荐文章于 2024-11-16 14:11:26 发布

阅读量60

点赞数

分类专栏： JavaScrip 文章标签： javascript

本文链接：https://blog.csdn.net/2201_75655178/article/details/132792409

版权

JavaScrip 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

本文介绍了JavaScript在Web开发中的关键角色，包括其与Java的关系，网页组成（HTML、CSS和JS），以及JavaScript的三大组成部分（核心语法、DOM和BOM）。此外，还讨论了JavaScript的特点、开发工具如VSCode和HBuilderX的优缺点，以及异步加载的重要性。

摘要由CSDN通过智能技术生成

1.什么是JavaScript

Java和JavaScript的关系就好像老婆和老婆饼的关系，没有关系。

非要说关系：都是编程语言。

JavaScript是Web开发领域中的一种功能强大的编程语言，主要用于开发交互式的网页。

简称JS

2.网页的组成：

一个完整的网页由三部分组成：

HTML （网页的主体部分）
CSS （美化的主体部分）
JavaScript （实现业务逻辑和页面控制）

以上的举例说明：

网页中最常见的无非就是登陆页面。

HTML无非就是账号框，密码框，登陆按钮。

CSS无非就是美化上述内容。

JS就是当用户点击登陆按钮，获取账号和密码框的内容，去后台进行校验，判断是否账号密码匹配，然后做出相对于的反馈。

3.JS的三大组成：

第一部分：核心语法（JS代码）

第二部分：DOM文档对象模型（JS可以控制HTML元素进行相关的操作）

第三部分：BOM 浏览器对象模型（JS可以控制浏览器元素进行相关的操作）

浏览器元素：弹窗。浏览器的宽高，滚动条等等。

4.JS的特点：

1.简单易用（只需要用户安装浏览器即可使用）

2.跨平台和上述一样。

3.支持面向对象

5.JS常见的开发工具

常见的两大开发工具

VSCode

HBuilderX

优点

1什么语言都可以用它编写

1.专注于前台设计

缺点

1.第一个优点导致的问题：界面设计不合理，安装的插件需要很多。需要联网等

2.功能较少

6.JavaScript基本概念

JavaScript是Web开发领域中的一种功能强大的编程语言，主要用于开发交互式的网页。我们在计算机、手机等设备上浏览的网页，其多数交互逻辑都可以通过JavaScript实现。

JavaScript还可以实现网页从服务器动态获取数据，例如，用户在百度搜索引擎网站中进行搜索时，在输入框中输入几个字以后，网页会智能感知用户接下来要搜索的内容。

7.HTML、CSS和JavaScript的区别

HTML(结构):决定网页的结构和内容，相当于人的身体

CSS(样式):决定网页呈现给用户的模样，相当于人的衣服、妆容

JavaScript(行为):实现业务逻辑和页面控制，相当于人的各种动作

8.JavaScript和Java的关系

JavaScript语言和Java语言名称比较相似，这是因为网景公司在为JavaScript命名时，考虑到该公司与Java语言的开发商Sun公司（2009年被Oracle公司收购）的合作关系。但实际上，JavaScript和Java只是名字相似，本质上是完全不同的两种语言。

9.JavaScript的特点

简单易用

JavaScript是一门脚本语言（Script Language），语法规则比较松散，使开发人员能够快速完成程序的编写工作。这里所说的脚本语言是编程语言的一种类型，常见的脚本语言有JavaScript、TypeScript、PHP、Python等。

可以跨平台

JavaScript语言不依赖操作系统，仅需要浏览器的支持。

支持面向对象

面向对象是软件开发中的一种重要的编程思想，JavaScript能够通过面向对象思想进行编程。

10.浏览器

“浏览器内核”是一个不太严谨的俗称，一般是指渲染引擎和JavaScript引擎，由于JavaScript引擎越来越独立，部分资料就倾向于单指渲染引擎。

11.代码编辑器

一款优秀的代码编辑器能够极大提高程序开发效率与体验。

JavaScript开发常用的代码编辑器

        Visual Studio

        Code Sublime

        Text HBuilder(对新手更加友好，默认中文，默认自带HTML和JavaScript，界面简洁)

12.JavaScript代码引入方式

JavaScript代码严格区分大小写。

在网页中编写JavaScript代码时，需要先引入JavaScript 代码。

三种引入方式：

行内式：行内式是将JavaScript代码作为HTML标签的属性值使用。

<a href="javascript:alert('Hello');">test</a>

行内式的缺点如下：

* 可读性较差，尤其是在HTML中编写大量JavaScript代码时，不方便阅读。

* 在遇到多层引号嵌套的情况时，引号非常容易混淆，导致代码出错。

嵌入式：也称为内嵌式，使用<script>标签包裹JavaScript代码，直接编写到HTML文件中，通常将其放到<head>标签或<body>标签中。

                                                <script>

                                                JavaScript代码

                                                </script>

<script>标签的type属性用于告知浏览器脚本类型， HTML5中该属性的默认值为“text/javascript”，因此在使用HTML5时可以省略type属性。

外链式：或外部式，是将JavaScript代码写在一个单独的文件中，一般使用“.js”作为文件的扩展名，在HTML页面中使用<script>标签的src属性引入“.js”文件。

外链式适合JavaScript代码量比较多的情况。

外链式相比嵌入式，具有以下3点优势：

A.外链式存在于独立文件中，有利于修改和维护，而嵌入式会导致HTML与JavaScript代码混合在一起。

B.外链式可以利用浏览器缓存提高速度。

C.外链式有利于HTML页面代码结构化，把大段的JavaScript代码分离到HTML页面之外，既美观，也方便文件级别的代码复用。