JavaScript萌新——JavaScript代码引入

心已赠人 2021-10-06 18:34 321阅读 0赞

## JavaScript萌新day01——JavaScript代码引入 ##

在经过一段时间的HTML和CSS学习之后开始慢慢的接触到JavaScript脚本语言了，在学习过程中将所学的知识点总结一下，这个是学习JavaScript的第一天，作为零基础的小白，希望在学习过程中能够得到大家的指导和帮助！

### 初识JavaScript ###

JavaScript 是互联网上最流行的脚本语言，这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都使用 JavaScript，可以用于改进设计、验证表单、检测浏览器、创建cookies等。

### JavaScript基础知识 ###

###### JavaScript的三大部分—ECMAScript、DOM、BOM ######

**ECMAScript：** 是一种可以在宿主环境中执行计算并能操作可计算对象的基于对象的程序设计语言。ECMAScript最先被设计成一种Web脚本语言，用来支持Web页面的动态表现以及为基于Web的客户机—服务器架构提供服务器端的计算能力。但作为一种脚本语言， ECMAScript具备同其他脚本语言一样的性质，即“用来操纵、定制一个已存在系统所提供的功能，以及对其进行自动化”。 ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会，European Computer Manufacturers Association）通过ECMA-262标准化的脚本程序设计语言。这种语言在万维网上应用广泛，它往往被称为JavaScript或JScript，所以它可以理解为是JavaScript的一个标准,但实际上后两者是ECMA-262标准的实现和扩展。  
**DOM：** DOM 是 Document Object Model（文档对象模型）的缩写。DOM 是 W3C（万维网联盟）的标准。DOM 定义了访问 HTML 和 XML 文档的标准：“W3C 文档对象模型 （DOM） 是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。”  
W3C DOM 标准被分为 3 个不同的部分：  
核心 DOM - 针对任何结构化文档的标准模型  
XML DOM - 针对 XML 文档的标准模型  
HTML DOM - 针对 HTML 文档的标准模型  
**HTML DOM 是：**  
• HTML 的标准对象模型  
• HTML 的标准编程接口  
• W3C 标准  
HTML DOM 定义了所有 HTML 元素的对象和属性，以及访问它们的方法。  
换言之，HTML DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。  
**BOM：** BOM是browser object model的缩写，简称浏览器对象模型，它的作用有：  
1. 弹出新的浏览器窗口、移动、关闭浏览器窗口及调整窗口大小；  
2. 提供WEB浏览器详细信息的导航对象；  
3. 提供装载到浏览器中页面的详细信息的定位对象；  
4. 提供用户屏幕分辩率详细信息的屏幕对象；  
5. 对cookie的支持。

##### 主流浏览器： #####

主流浏览器是指占有一定市场份额，有自主研发的内核的浏览器才能称为主流浏览器。以下是主流浏览器和其使用的自主研发的浏览器内核。  
IE： trident内核  
Chrome： webkit / blink内核  
Firefox： Gecko内核  
Opera： presto内核  
Safari： webkit内核

##### JavaScript文件的引入方式 #####

JavaScript代码的引入方式有两种，一种是页面内嵌的形式引入JavaScript代码文件，另一种是外部引入JavaScript代码文件。在JavaScript文件引入HTML文件的时候，需要使用

<!DOCTYPE html>
    <html>
    	<head>
    		<title>JavaScript文件的页面内嵌引入方式</title>
    		<script type="text/javascript">/* JavaScript代码块 */</script>
    	</head>
    	<body>
    	</body>
    </html>

**JavaScript外部文件引入方式**

<!DOCTYPE html>
    <html>
    	<head>
    		<title>JavaScript文件的外部文件引入方式</title>
    		<script type="text/javascript" src="路径/文件名.js">
    		/*src的值为JavaScript文件的存放路径和文件名， 使用外部文件引入的方式时， JavaScript标签内部不得写JavaScript代码， 因为此时使用外部文件引入方式引入的JavaScript代码的优先级最高， 浏览器不会执行JavaScript标签内写入的JavaScript代码。*/
    		</script>
    	</head>
    	<body>
    	</body>
    </html>

JavaScript中在JavaScript标签无论存放在标签中还是标签中都可以，但是必须保证JavaScript标签包含在标签中。  
在前端开发中，为了符合W3C开发标准，结构（HTML）、样式（CSS）、行为（JavaScript）相分离，使所以在前端开发的时候使用的是JavaScript的外部文件引入的方式，这样做能够是的代码更加容易阅读，便于管理。