IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JavaScript入门(一) -> 正文阅读

[JavaScript知识库]JavaScript入门(一)

目录

一、认识JavaScript

二、网页组成

三、浏览器的引擎

四、特点

五、JavaScript的组成

六、JavaScript的引用方式

七、JavaScript中的几个重要概念

1、标识符

2、关键字

3. 保留字

4、严格区分大小写

5、对空格、换行、缩进不敏感;一条语句结束后末尾可以带分号,也可以不带分号

八、注释

九、输入输出


?

一、认识JavaScript

JavaScript(简称“JS”)是当前最流行、应用最广泛的客户端脚本语言,用来在网页中添加一些动态效果与交互功能,在 Web 开发领域有着举足轻重的地位。在计算机、手机等设备上浏览的网页,其大多数的交互逻辑几乎都是由JavaScript实现的。

JavaScript内嵌于HTML网页中,通过浏览器内置的JavaScript引擎进行解释执行,把一个原本只用来显示的页面转变成支持用户交互的页面程序,浏览器是访问互联网中各种网站所必备的工具,JavaScript主要就是运行在浏览器中的。

二、网页组成

对于制作一个网页而言,HTML、CSS、JavaScript分别代表了结构样式行为,三者之间的区? 别如下:

  • ? ? ? ? ??HTML:决定网页的结构和内容,相当于人的身体。
  • ?? ? ? ? ?CSS:决定网页呈现给用户的模样,相当于给人穿衣服、化妆。
  • ?? ? ? ? ?JavaScript:实现业务逻辑和页面控制,相当于人的各种动作。
    ?

三、浏览器的引擎

  • ? 渲染引擎:用来识别HTML、CSS(解析HTML、CSS,并展示在用户面前)。谷歌的Bink。? ? ?
  • ? JavaScript引擎:是JavaScript语言的解释器,用来读取网页中的JavaScript代码,对其处理后执行,即用来解析JavaScript代码。如谷歌的V8引擎。

四、特点

JavaScript代码的执行特点:逐行执行

JavaScript特点:?

? ? ? ? ? ? ? ? ? 1、JavaScript是一种脚本语言,特点是简单、易学、易用,语法规则比较松散,能够? ? ? ? ? ? ? ? ? ? ? 快速完成程序的编写工作。

? ? ? ? ? ? ? ? ? 2、可以跨平台,它不依赖操作系统,仅需要浏览器的支持。

? ? ? ? ? ? ? ? ? 3、支持面向对象,可以使JavaScript开发变得快捷高效,降低开发成本。

五、JavaScript的组成

1、ECMAScript:基本语法,是JavaScript的核心,规定了JavaScript的编程语法和基础核心内容,是所有浏览器厂商共同遵守的一套JavaScript语法工业标准。
? ?
?2、DOM:文档对象模型,是W3C组织推荐的处理可扩展标记语言的标准编程接口,通过DOM提供的接口,可以对页面上的各种元素进行操作。
? ?
?3、BOM:浏览器对象模型,它提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。通过BOM,可以对浏览器窗口进行操作。

六、JavaScript的引用方式

1、行内嵌入式
? ?
? ? ? <a href="javascript:alert('消息框')"></a>
?? ? ?
?2、页内嵌入式

? ? ? <script type="text/javascript">
?? ? ? ? js代码
?? ? ?</script>?? ?
?? ? ?
??3、外链式:
?? ?
?? ? ?(1)先创建js文件(.js)
?? ? ?
?? ? ?(2)在页面中使用<script src="js文件名"></script>导入

七、JavaScript中的几个重要概念

1、标识符

所谓标识符(Identifier),就是名字。JavaScript 中的标识符包括变量名、函数名、参数名、属性名、类名等。

注:

  • 第一个字符必须是字母、下划线(_)或美元符号($),不能是数字。
  • 严格区分大小写。
  • 除了第一个字符外,其他位置可以使用 Unicode 字符。一般建议仅使用 ASCII 编码的字母,不建议使用双字节的字符。
  • 不能与 JavaScript 关键字、保留字重名。
  • 可以使用 Unicode 转义序列。例如,字符 a 可以使用“\u0061”表示。

2、关键字

关键字(Keyword)就是 JavaScript 语言内部使用的一组名字(或称为命令)。这些名字具有特定的用途,用户不能自定义同名的标识符,具体说明如表所示。

JavaScript 关键字
breakdelete?ifthis?while
casedointhrowwith
catch?else?instanceof?try
continue?finally?new?typeof
debugger(ECMAScript 5 新增)for?return?var
default?function?switch?void

3. 保留字

保留字就是 JavaScript 语言内部预备使用的一组名字(或称为命令)。这些名字目前还没有具体的用途,是为 JavaScript 升级版本预留备用的,建议用户不要使用。具体说明如表所示。

JavaScript 保留字
abstract?double?goto?native?static
boolean?enum?implements?package?super
byte?export?import?private?synchronized
char?extends?int?protected?throws
class?final?interface?public?transient
const?float?long?short?volatile

JavaScript 预定义了很多全局变量和函数,用户也应该避免使用它们,具体说明如表所示。

JavaScript 预定义全局变量和函数
arguments?encodeURL?Infinity?Number?RegExp
Array?encodeURLComponent?isFinite?Object?String
Boolean?Error?isNaN?parseFloat?SyntaxError
Date?eval?JSON?parseInt?TypeError
decodeURL?EvalError?Math?RangeError?undefined
decodeURLComponent?Function?NaN?ReferenceError?URLError

4、严格区分大小写

5、对空格、换行、缩进不敏感;一条语句结束后末尾可以带分号,也可以不带分号

八、注释

  • ?单行注释:'//'开头到行尾,( 快捷键 ctrl + / )
  • ?多行注释:'/*'开头,'*/'结尾??( 默认快捷键 alt + shift + a )
  • HTML注释:JavaScript 还能够识别 HTML 注释的开始符<!--,并将其看作单行注释,与//效果相同。至于 HTML 注释的结束符-->JavaScript 则不能识别,因此若要使用 HTML 注释来注释 JavaScript 代码,应该使用 JavaScript 的单行注释将 HTML 注释的结束符-->注释掉,例如//-->
<!--document.getElementById("demo").innerHTML = "CSDN";
// -->
// document.getElementById("demo").innerHTML = "CSDN";

上述两种注释效果相同。

九、输入输出

1、alert("字符串"):是一个消息提示框(只有一个确定按钮的对话框)
?? ?
2、confirm("字符串"):确认对话框(含有确定和取消按钮的对话框),当用户点击'确定'按钮时该函数返回true,当用户点击"取消"按钮时返回false
?? ??? ??? ??? ??? ??? ? ?
3、prompt("字符串"):带有一个输入框的消息提示框,当用户点击'确定'按钮时,返回用户输入的信息,当用户点击'取消'按钮时,关闭窗口
?? ??? ??? ??? ??? ??? ??
4、console.log("信息"):在浏览器的控制台输出内容。
?? ?
5、console.info()
?? ?
6、console.error()

?

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-11-09 19:23:29  更:2021-11-09 19:26:06 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/13 0:02:50-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码