【免费】01-Js（javascript）概述资源-CSDN文库

需积分: 0 80 浏览量 2022-10-31 15:36:32 上传评论收藏 21KB DOCX 举报

JavaScript（简称JS）是一种轻量级的、基于对象和事件驱动的脚本语言，最初由网景公司的布兰登·艾奇在1995年创建，起初名为LiveScript，后来为了与Java产生关联而更名为JavaScript。JS的标准是ECMA-262，其核心是ECMAScript，而JavaScript的实现还包括BOM（浏览器对象模型）和DOM（文档对象模型）。 **引入JS的方式：** 1. **内联**：通过在HTML标签中使用`<script>`标签直接插入JS代码，这种方式被称为行内脚本。 2. **内部脚本**：在HTML文件中，通常在`<head>`或`<body>`标签内，使用`<script>`标签引入JS代码，建议放在`</body>`标签上方，以避免阻塞页面渲染。 3. **外部脚本**：通过`<script>`标签的`src`属性引用外部的.js文件，此时`<script>`标签内不应包含任何代码，否则不会执行。 **输出语句：** 1. **alert()**：显示警告对话框，输出信息并暂停后续代码执行。 2. **document.write()**：在HTML文档流中插入文本，可能影响页面原有结构。 3. **console.log()**：在浏览器的开发者控制台输出信息，常用于调试，可显示对象的详细信息。 **JS的换行、注释和数据类型：** 1. **换行**：在页面中可通过`<br>`标签换行；在非页面输出中，可以使用`\n`进行换行，`\t`用于制表。 2. **注释**：单行注释以`//`开始，多行注释以`/*`开始，以`*/`结束。 3. **数据类型**：JS有基本数据类型（Number、String、Boolean、null、undefined）和复合数据类型（Object）。其中，Number包括整数和浮点数，String可以是引号包围的任意文本，Boolean只有true和false两个值，null表示一个空对象引用，undefined表示变量未定义。Object用于创建复杂的数据结构。 **JS命名规则：** 1. 可以包含字母、数字、下划线和美元符号，但不能以数字开头。 2. 不能使用关键字或保留字。 3. 命名应具有语义性，便于理解。 4. 驼峰命名法：大驼峰（首字母大写，如HowAreYou）常用于类名或构造函数，小驼峰（首字母小写，如howAreYou）用于函数名。 5. 匈牙利命名法：通过前缀表明变量类型，如i_num表示整数，f_num表示浮点数。 **变量声明与赋值：** 1. **声明变量**：使用`var`关键字，可以声明多个变量，如`var a, b, c;`。 2. **隐式声明**：不使用`var`直接赋值，如`name = "John";`。 3. **赋值**：可以通过初始化声明变量，如`var x = 10;`，也可先声明后赋值，如`var y; y = 20;`。未赋值的变量默认值为`undefined`。 **运算符：** 1. **自增自减**：`++`和`--`可以用于变量的增加或减少。 2. **算术运算符**：包括乘`*`、除`/`、模`%`、减`-`。混合类型运算时，字符串会尝试转换为数字。 3. **加法运算符**：当`+`用于字符串时，会进行拼接；用于其他类型时，会尝试转换为数字进行运算。错误的运算会导致语法错误或引用错误。以上是对JavaScript的简单概述，包括它的历史、引入方式、输出方法、基础语法以及变量和运算符的使用。理解这些基础知识对于进一步学习和应用JavaScript至关重要。

资源详情

资源评论

一．Js（javascript）概述

1. 基于对象事件驱动脚本语言

2. 起源：1995 网景公司布兰登 LiveScript(为了处理前端验证)——>Javascript

3. JS 的第一套标准：ECMA-262

4. 组成部分

ECMAScript(核心)

BOM 文档对象模型（提供一组对象操作网页）

DOM 浏览器对象模型（提供一组对象操作浏览器）

二．引入 js 方式

1. 内联，行内脚本

2. 内部脚本

理论上可以放到页面的任意位置，也可以写无限个这个的标签

建议写在 body 的结束标签上方，也就是所有布局的下方

3. 外部脚本

外部引用脚本时，script 标签中不要写任何内容，写了也不执行！

三．输出语句

1. alert（）：以警告框的方式输出，缺点是会阻止后面语句的执行

2. document.write() ：在页面中输出，缺点是会影响现有布局。

3. console.log（）：在控制台中输出，会输出对象的详细信息。

程序员的排错工具：1 和 3

四．JS 的换行、注释、数据类型

换行

1．页面中 <br>

document.write()

2. 非页面中 alert（）、console.log（）

: 换行

: 横向跳格（一次八个空格）

\ : 转义符,将具有特殊含义的符号转成普通字符

注释

1. 单行：//注释内容

2. 多行：/*注释内容*/

数据类型

基本数据类型

1. Number (数字类型) 3 3.3 -4

2. String (字符串) '' ""

3. Boolean (布尔) true false

4. null (表示空的对象)

5. undefined (未定义)

复合数据类型 Object (对象)

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

评论收藏

内容反馈

01-Js（javascript）概述

评论0

最新资源

01-Js（javascript）概述

评论0

最新资源

相关推荐

JavaScript语言概述

Web前端开发技术-JavaScript概述.pptx

jQuery动画特效---精通JavaScript+jQuery

ArcGis-for-javaScript最全中文API.pdf

JavaScript的hash和加密模块crypto-js的所有版本，从2.5到3.1

完整版(3.1.9-1)crypto-js.rar

计算机应用技术第2章-JavaScript概述.pptx

js-高性能JavaScript-JavaScript语言精粹修订版

VB转javascript代码帮助下载

jsjavascript基础教程.zip

javascript - javascript tutorial

ArcGis-for-javaScript最全中文API.docx

laravel-blade-javascript：一种Blade指令，用于将变量导出到JavaScript

第2章 JSP编程基础知识-JavaScript.ppt

object-oriented-javascript

ArcGis-javaScript最全的中文API.docx

教学进度表-Javascript程序设计.docx

JavaScript - JavaScript for impatient programmers - ES2022

第0课 - 内容概述 - [精通JavaScript+jQuery]

java-javascript-graalvm-源码.rar

spy-js：spy-js：javascript跟踪工具

Node.js-CodyCMS-Javascript内容管理系统运行在Node.js之上

JS函数式编程-Functional JavaScript

Design-Patterns-JS, 在Javascript中，实现了所有 23 ( GoF ) 设计模式.zip

JavaScript程序编码规范.pdf

JavaScript 概述.html

Apress - Pro JavaScript Techniques -2007.pdf