JavaScript基础、执行原理、核心语法

最新推荐文章于 2023-03-09 09:53:59 发布

星辉闪烁奇迹

最新推荐文章于 2023-03-09 09:53:59 发布

阅读量1.6k

点赞数 2

分类专栏： HTML CSS 文章标签： HTML

本文链接：https://blog.csdn.net/qq_44186793/article/details/89344050

版权

《JavaScript基础》

一、JavaScript简介
1.学习JavaScript的原因：
1.客户端表单验证（如：网站中账号登录，在填写信息时出现输入cuowu，没填写，表单页面会及时给出错误提示。
这些错误在提交到服务器前，由客户端提前进行验证，称为客户端表单验证。）
2.页面动态效果（在JavaScript中，可以编写响应鼠标单击等事件的代码，创建动态页面特效，从而高效地控制页面的内容。）
3.jQuery的基础（虽然JavaScript可以实现许多动态效果，但实现一个特效可能需要写十几行代码，而使用jQuery（JavaScript程序库）可能
只需要几行代码就能实现同样的效果，所以学习JavaScript是学习jQuery的基础。
2.JavaScript
定义：是一种描述性语言，也是一种基于对象（Object）和事件驱动（Event Driven）的具有安全性能的脚本语言。
特点：
1.向HTML页面中添加交互行为。（在一个Web页面中链接多个对象，与Web客户实现交互。）
2.脚本语言，语法和Java类似（一般用来编写客户端的脚本）
3.解释性语言，边执行边解释
4.简称js
3.JavaScript的组成
ECMAScript BOM DOM
1)ECMAScript标准
ECMAScript是一种脚本语言规范。（是一种脚本语言的标准）
它不与任何具体的浏览器绑定。
主要内容：1.语法 2.变量和数据类型 3.运算符 4.逻辑控制语句 5.关键字、保留字 6.对象
在使用Web客户端脚本语言编码时一定要遵循ECMAScript标准。
2）浏览器对象模型（BOM）
提供了独立于内容与浏览器窗口进行交互的对象，使用浏览器对象模型可以实现与HTML的交互。
如：常见的弹出窗口、前进后退等功能都是由浏览器对象控制的。
3）文档对象模型（DOM）
是HTML文档对象模型定义的一套标准方法，用来访问和操纵HTML文档。
如：常见的随鼠标显示大的图片、弹出小提示等都是文档对象的功劳。
4.JavaScript的基本结构
通常，JavaScript代码是用< script>标签嵌入HTML文档中的。
如果需要将多条JavaScript代码嵌入一个文档中，只需将每条JavaScript代码都封装在< script >标签中即可。
浏览器在遇到< script>标签时，将逐行读取内容，直到遇到< /script>结束标签为止。
然后，浏览器将检查JavaScript语句的语法，如果有任何错误，则会在警告框中显示；若无错误，则将编译并执行语句。
1）JavaScript的基本结构
< script type=“text/Javascript” >
JavaScript 语句；
< /script>
其中type是< script>标签的属性，用于指定文本使用的语言类别为text/JavaScript。

注意：HTML5中可省略type属性，HTML5默认为text/JavaScript。

举例：
	<!DOCTYPE html>
	<html>
	<head lang="en">
		<meta charset="UTF-8">
		<title>初学</title>
	</head>
	<body>
		<script type="text/Javascript">
			document.write("初学JavaScript");
			document.write("<h1>Hello,JavaScript</h1>");
		</script>
	</body>
	</html>	
代码中，document.write()用来向页面输出可以包含HTML标签的内容。
把document.write()语句包含在<script>与</script>之间，浏览器就会把它当作一条JavaScript命令执行，这样浏览器就会向页面输出内容。

注意：	（1）.如果不适用<script>标签，浏览器就会将document.write("<h1>Hello,JavaScript</h1>")当作纯文本来处理，
		也就是说会把这条命令本身写到页面上。
	（2）.<script>.....</script>的位置并不是固定的，可以包含在文档中的任何地方，只要保证这些代码在被使用前已读取并加载到内存即可。

5.JavaScript的执行原理
1.浏览器客户端向服务器端发送请求；
2.数据处理；(服务器端对某个包含JavaScript的页面进行处理。)
3.发送响应；（服务器端将含有JavaScript的HTMl文件处理页面发送到浏览器客户端，然后由浏览器客户端从上到下逐条解
析HTML标签和JavaScrit，并将页面效果呈现给用户。）

使用客户端脚本的好处：
1.包含JavaScript的页面只要下载一次即可，这样能减少不必要的网络通信。
2.JavaScript程序由浏览器客户端执行，减轻了服务器端的压力。

6.在网页中引用JavaScri的方式
嵌入网页时有三种方式：
1.内部JavaScript文件。（直接用< script>标签将JavaScript代码加入到HTML文档中。）
这种方法通常适用于代码较少，并且网站中的每个页面使用的JavaScript代码均不相同的情况。

2.使用外部JavaScript文件。（先将JavaScript代码写入一个.js的外部文件中，然后将该文件指定给< script>标签中的"src"属性，就可以了。）
（一般把<script>标签放在<body>中，并且放在页面内容的后面。
原因：无论是使用内部JavaScript文件方式，还是引用js文件。浏览器都会按照<script>标签在页面中出现的先后顺序对它们依次进行解析。
若将<script>标签放在<head>中，意味着必须等到全部JavaScript代码被下载、解析和执行完成之后，才开始呈现网页内容。
这对于许多包含JavaScript代码的页面来说，会导致浏览器呈现页面时出现明显的延迟，而延
迟期间浏览器窗口将是一片空白。）
这种方法适用于若干个页面中实现相同的JavaScript效果的情况。
注意：.js的外部文件中不能包含< script>标签。
	
3.直接在HTML标签中。
有时需要在页面中加入简短的JavaScript代码实现一个简单的页面效果，

最低0.47元/天解锁文章

星辉闪烁奇迹

关注

2
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
JavaScript基础、执行原理、核心语法

《JavaScript基础》一、JavaScript简介1.学习JavaScript的原因：1.客户端表单验证（如：网站中账号登录，在填写信息时出现输入cuowu，没填写，表单页面会及时给出错误提示。这些错误在提交到服务器前，由客户端提前进行验证，称为客户端表单验证。）2.页面动态效果（在JavaScript中，可以编写响应鼠标单击等事件的代码，创建动态页面特效，从而高效地控制页面的内容...
复制链接

扫一扫