第三阶段 06_JavaWeb基础_JS介绍
一、什么是JavaScript(JS)?
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
二、JavaScript与Java是什么关系?
它俩没有关系,千万别把它俩混淆了,JavaScript是嵌入网页中的脚本语言。Java分为SE(桌面开发),EE(网页开发),ME(移动端开发)。如果非要说有关系的话,网上最多认可的是:因为当时Java比较火,LiveScript蹭热度,改成JavaScript名字的
三、JavaScript的组成
ECMAScript,描述了该语言的语法和基本对象
文档对象模型(DOM),描述处理网页内容的方法和接口。
浏览器对象模型(BOM),描述与浏览器进行交互的方法和接口。
四、在网页中调用JavaScript
(一)直接加入HTML文档
JavaScript的脚本程序包含在HTML中,使之成为HTML文档的一部分。其格式为:
<script type="text/javascript">
JavaScript语言代码;
</script>
例:
<!DOCTYPE html>
<html>
<head>
<title></title>
document.write("Hello,JavaScript!");
</head>
<body>
</html>
(二)引用脚本文件
如果已经存在一个文件(以.js为扩展名),则可以使用script标记的src属性引用外部脚本文件的URL。采用引用脚本文件的方式,则可以提高程序代码的利用率。其格式为:
<head>
.....
<script type="text/javascript" src="脚本文件名.js"></script>
.....
</head>
例:
<!DOCTYPE html>
<html>
<head>
<title></title>
<body>
</html>
例:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
Hello,JavaScript!
<form>
<input type="button" onclick="JavaScript:alert('欢迎进入JavaScript世界!');" value="单击此按钮">
</form>
<h3 style="font: 14pt;text-align: center">JavaScript网页特效</h3>
</body>
</html>
(五)JavaScript的主要特点
1.解释性:
JavaScript不同于一些编译性的程序语言,例如Java,它是一种解释性的程序语言,不需要编译,可在浏览器中直接运行
2.基于对象:
JavaScript是一种基于对象的语言,这意味着它能运用自己已经创建的对象。因此许多功能可以来自于脚本环境中对象的方法与脚本的相互作用
3.事件驱动:
JavaScript可以直接对用户或客户端输入做出响应,无需经过Web服务程序。它对用户的响应,是以事件驱动的方式进行的。所谓事件驱动,就是指在网页中执行了某种操作所产生的动作,此动作被称为“事件”,例如单击鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后,可能会引起响应的事件响应,例如(三)在HTML标签内添加脚本中,onclick就是点击事件,然后执行alert弹出窗口。
4.跨平台:
JavaScript依赖于浏览器本身,与操作环境无关,只要是能运行浏览器的计算机,并支持JavaScript的浏览器就可以正确执行了
5.安全性:
JavaScript是一种安全性语言,它不允许访问本地的磁盘,不能将数据存入服务器,也不允许对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互,这样可以有效防止数据丢失。
(六)JavaScript基本语法
1.大小写敏感
2.空格与换行
3.每行结尾;
4.注释
//被注释的内容 单行注释
/* 被注释的内容 */ 多行注释