Web 前端:JavaScript语言(一)

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>

猜你喜欢

转载自blog.csdn.net/qq_56886142/article/details/123772280