JavaScript之javascript概述_简述什么是javascript以及javascript的作用-程序员宅基地

技术标签： JavaScript 其他 javascript

一、初识JavaScript

1、JavaScript是什么

javascript是一种运行在客户端的脚本语言（Script是脚本的意思）。

脚本语言：不需要编译，运行过程中由js解释器（js引擎）逐行来进行解释并执行。
现在也可以基于Node.js技术进行服务器端编程。

2、JavaScript的作用

表单动态校验（密码强度检测）（JS产生最初的目的）
网页特效
服务器端开发（Node.js）
桌面程序（Electron）
App（Cordova）
控制硬件-物联网（Ruff）
游戏开发（cocos2d-js）

3、HTML/CSS/JS的关系

3.1 HTML/CSS标记语言—描述类语言

HTML决定网页结构和内容（决定看到什么），相当于人的身体
CSS决定网页呈现给用户的模样（决定好不好看），相当于给人穿衣服、化妆

3.2 JS脚本语言—编程类语言

实现业务逻辑和页面控制（决定功能），相当于人的各种动作。

4、浏览器执行JS简介

浏览器分成两部分，分别是渲染引擎和JS引擎

4.1 渲染引擎

用来解析HTML和CSS，俗称内核，比如chrome浏览器的blink,老版本的webkit。

4.2 JS引擎

也称为JS解释器，用来读取网页中的JavaScript代码，对其处理后运行，比如chrome浏览器和V8

4.3 相关解释

浏览器本身并不会执行JS代码，而是通过内置JavaScript引擎（解释器）来执行JS代码。JS引擎执行代码时逐行解释每一句源码（转换为机器语言），然后由计算机去执行，所以JavaScript语言归为脚本语言，会逐行解释执行。

5、JS的组成

5.1 JavaScript语法

ECMAScript

ECMAScript是由ECMA国际进行标准化的一门编程语言，这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript,但实际上后两者是ECMAScript语言的实现和扩展。

5.2 页面文档对象类型

DOM————文档对象模型

文档对象模型是W3C组织推荐的处理可扩展标记语言的标准编程接口。
通过DOM提供的接口可以对页面上的各种元素进行操作（大小，位置，颜色等）。

5.3 浏览器对象模型

BOM————浏览器对象模型

BOM是指浏览器对象模型，它提供了独立于内容的，可以与浏览器窗口进行互动的对象结构，通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。

6、JS三种书写位置

JS有3种书写位置，分别为行内、内嵌和外部

6.1 行内式

（1）行内式的js，直接写到元素的内部

 <input type="button" value="xxxxx" onclick="alert('xxx')">

（2）可以将单行或少量JS代码写在HTML标签的事件属性中（以on开头的属性），如：onclick
（3）注意单双引号的使用：在HTML中推荐使用双引号，JS中我们推荐使用单引号
（4）可读性差，在html中编写JS大量代码时，不方便阅读
（5）引号易错，引号多层嵌套匹配时，容易弄混
（6）特殊情况下使用

6.2 内嵌式

（1）可以将多行JS代码写到script标签中
内嵌JS是学习时常用的方式

（2）示例

 <script>
        alert('沙漠骆驼');
 </script>

6.3 外部

（1）利用HTML页面代码结构化，把大量JS代码独立到HTML页面之外，既美观，也方便文件级别的复用
（2）引用外部JS文件的script标签中间不可以写代码
（3）适合于JS代码量比较大的情况

（4）示例

<script src="my.js"></script>     //外部js script 双标签

my.js里的内容

 alert('xxxxx')

7、JS注释

7.1 单行注释

 快捷键：ctrl + /

    表示方式： //

7.2 多行注释

 快捷键：shift + alt + a
 vscode中修改多行注释的快捷键： ctrl + shift + /

    表示方式：/* 内容  */

本文链接：https://blog.csdn.net/qq_46106857/article/details/123925842

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

WAP 中 AS 和 PSK 模式的认证_静态psk认证是什么意思-程序员宅基地

文章浏览阅读4.5k次，点赞3次，收藏15次。参考《无线网络技术–原理，安全及编程》本博文是期末复习总结，参考了学校老师还未出版的教材，仅供学习使用。PSK 模式PSK 是我们传统的连接无线路由器的认证方式，及无线路由器管理员事先设置统一的连接密码，其他接入者同这个密码进行连接。1.基本过程由 AP 生成临时值 ANonce 发给 STASTA 完成下列计算*1）.STA 生成临时值 SNonce*2）.STA ......_静态psk认证是什么意思

ANSYS_APDL——实例001-模态分析_apdl模态分析-程序员宅基地

文章浏览阅读4k次。学习APDL无从下手，怎么办，就从实例出发，一点一点了解/clear/prep7et,1,solid186mp,ex,1,2e11 !mp后面都为材料参数mp,prxy,1,0.3mp,dens,1,7800block,0,0.01, 0,0.01, 0,0.1 !创建体，基于工作平面，x1，x2，y1，y2，z1，z2lesize,1,,,3 !将编号为1的线划分为3份，lesize,2,,,3 !将编号为2的线划分3份 lesize,9,,,15 !将编号为9的线划分15份m_apdl模态分析

MySQL常用应用函数笔记-程序员宅基地

文章浏览阅读418次，点赞14次，收藏12次。MySQL常用分组拼接函数与时间函数

解决Dbeaver连接一段时间不操作后断开的问题_dbeaver自动断开连接-程序员宅基地

文章浏览阅读1.3k次。2、点击【初始化】将【连接保持】改成60s，这样数据库就不会自己断开了。1、首先右键数据库连接点击【编辑连接】_dbeaver自动断开连接

单片机项目分享基于ESP32的在线墨水屏桌面摆件 -物联网单片机嵌入式-程序员宅基地

文章浏览阅读916次，点赞21次，收藏20次。这两年开始毕业设计和毕业答辩的要求和难度不断提升，传统的毕设题目缺少创新和亮点，往往达不到毕业答辩的要求，这两年不断有学弟学妹告诉学长自己做的项目系统达不到老师的要求。为了大家能够顺利以及最少的精力通过毕设，学长分享优质毕业设计项目，今天要分享的是基于STM32自行车智能无线防盗报警器学长这里给一个题目综合评分(每项满分5分)难度系数：3分工作量：4分创新点：4分。

anaconda利用pip安装module-程序员宅基地

文章浏览阅读617次。开始_程序中搜索:anaconda prompt (控制台)输入pip出现pip的一些信息,可以忽略接着输入 pip install 模块名称例如:pip install alphalens最后显示安装成功转载于:https://www.cnblogs.com/xuying-fall/p/8484617.html..._anaconda中怎么安装其他的module