JavaScript介绍及引用

回头科科

已于 2022-04-21 22:06:50 修改

阅读量1.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JavaScript

于 2022-04-21 22:06:29 首次发布

本文链接：https://blog.csdn.net/jcf52/article/details/124331784

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍了JavaScript的历史、在前端开发中的角色、JS引擎、语言特性以及它的三大组成部分：ECMAScript、BOM和DOM。JavaScript是一种解释性、跨平台的脚本语言，常用于增强网页用户体验。此外，文章还讨论了JS的引入方式和注释规范。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.JavaScript介绍

1996年11月，JavaScript的创造者--Netscape公司，决定将JavaScript提交给国际标准化组织
ECMA，希望这门语言能够成为国际标准。次年，ECMA发布262号标准文件（ECMA-262）的第一版，规定了浏览器脚本语言的标准，并将这种语言称为ECMAScript，这个版本就是1.0版。
该标准一开始就是针对JavaScript语言制定的，但是没有称其为JavaScript，有两个方面的原因。一是商标，JavaScript本身已被Netscape注册为商标。二是想体现这门语言的制定者是ECMA，而不是Netscape，这样有利于保证这门语言的开发性和中立性。

因此ECMAScript和JavaScript的关系是，前者是后者的规格，后者是前者的一种实现。
javascript 作为Netscape Navigator 浏览器的一部分首次出现在1996年。它最初的设计目标是改善网页用户体验。初期JavaScipt被命名为，LiveScript,后因和sun公司合作，因市场宣传需要改名为javascript。后来sun公司被Oracle收购，javascript版权归Oracle所有。

Java Script是运行在浏览器端的脚步语言，Java Script主要解决的是前端与用户交互的问题，包括使用交互与数据交互。JavaScript是浏览器解释执行的，前端脚本语言还有JScript（微软，IE独有），ActionScript( Adobe公司，需要插件)等。

二.前端三大块

HTML：页面结构标记语言
CSS：页面表现：元素大小、颜色、位置、隐藏或显示、部分动画效果样式表语言
JavaScript：页面行为：部分动画效果、页面与用户的交互、页面功能轻量级的编程语言

三.JS引擎

2008年Google 发布最新浏览器 Chrome ,它采用优化后的javascript引擎，引擎代号V8，因为可以直接把js代码直接转化为机械码来执行。以速度快而闻名。

主流浏览器	内核
IE	trident
Chrome	webkit/blink
firefox	Gecko
Opera	presto
Safari	webkit

三. js 特性

解释性语言--（不需要编译成文件）跨平台
简单地说，ECMAScript 描述了JavaScript语言本身的相关内容。
JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。
JavaScript 很容易学习。
单线程
ECMA标注 - 为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase,与javascript同样可以在浏览器上运行，为了统一规格javascript兼容了ECMA标准，也称为 ECMAScript。

执行原理：

四. js 三大部分

ECMAScript是一个标准 ES5\ES6

基础语法
操作浏览器对象 BOM, (整合 js 和浏览器)
操作文档上的标签 DOM ,（整合js,css,html）

五.js的引入

页面内嵌 <script></script> 标签
外部引入 <script src="location"></script>
为符合web标准（w3c标准中的一项）结构，样式，行为相分离，通常采用外部引入

例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>$Title$</title>
</head>
<body>
 <script>
     alert("hello");
 </script>
</body>
</html>

效果图：