JavaScript(一)
JavaScript
- 在前端开发过程中,需要综合使用多种技术,上次讲解了HTML、CSS技术,接下来简单介绍一下JavaScript语言。
JavaScript概述
- JavaScript(简称 JS),是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。它可以使网页响应某些“行为”,产生各种交互效果。
JavaScript的特点
解释型脚本语言
JavaScript的语法基本结构形式与C、C++、Java十分类似,但不同的是JavaScript不需要先编译,而是直接解释执行。
基于对象
JavaScript是基于对象(Object-Based)的脚本语言,它不仅可以创建对象,也能操作使用现有的对象。
动态性
在网页中执行了某种操作所产生的动作,被称为事件(Event)。如按钮、文本框、选择菜单等都可以被视为事件。当事件发生后,可能会引起相应的事件响应,执行相对应的脚本,这种机制被称为“事件驱动”(Event-Driver)。JavaScript就是采用了事件驱动的机制响应用户的操作。
弱类型语言
JavaScript是弱类型语言,弱类型语言是指对使用的数据类型没有严格要求的语言。但JavaScript中也有明确的数据类型,只是声明一个变量后它可以接收任何类型的数据,并进行自动转换合适的类型。而Java这种强类型语言,一个变量定义数据类型后,若没有强制转换,这个变量永远是指定的数据类型了。
跨平台性
JavaScript 不依赖操作系统,在浏览器中就可以运行。因此JavaScript只要计算机能运行并支持JavaScript的浏览器,便可正确执行。
安全性
JavaScript不能访问本地的硬盘,不能将数据存入服务器,也不能对网络文档进行修改和删除,只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失或对系统的非法访问。
JavaScript的组成
JavaScript应用到HTML页面的方式
行内式
行内式:在HTML主体区域内使用script标签实现页面动态交互效果。
书写格式:
<body>
<input type="属性" value="属性值" onclick="事件被对象点击触发的效果">
</body>
内嵌式
内嵌式:在HTML头部或主体区域内使用script标签实现页面动态交互效果。
书写格式:
<script>JS代码</script>
外链式
外链式:在HTML头部区域内使用script标签实现页面动态交互效果。
书写格式:
<head>
<script src="JS文件路径"></script>
</head>
如果显示中文乱码,可以将 charset="GB2312" 加在script标签内。
下面对JS应用的三种方式简单演示,如图:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JavaScript语言学习</title>
<!-- 内嵌式 -->
<script>alert("Hello World!")</script>
<!-- 外链式 -->
<script charset="GB2312" src="D:/Program Files/EditPlus 3/Tim/JS测试文件.js"></script>
</head>
<body>
<!-- 行内式 -->
<input type="button" value="登录" onclick="alert('Hello World!')">
<!-- 内嵌式 -->
<script>
alert("JS内嵌式");
confirm("你学会了吗?");
</script>
</body>
</html>