当前位置：首页 > article >正文

JavaScript基本语法

article 2025/3/12 14:24:05

1. JavaScript 概述

HTML语言是一种标记语言，用于定义页面内容和表现形式，不具备逻辑性，不能与用户进行交互

1.1 什么是脚本语言

脚本语言是HTML文档中嵌入一种具有程序逻辑的语言，用于控制页面元素的行为，实现数据合法性验证

1.2 JavaScript简介

JavaScript是一种由Netscape的 LiveScript发展而来的脚本语言
JavaScript是一种基于对象和事件驱动的脚本语言，它提供了一些专有的类、对象及函数

1.3 使用JavaScript脚本

使用<script></script>标签直接嵌入在HTML

<html>
<head>
<title>JavaScript脚本语言</title>
<script  language="javascript"> 

	document.write("欢迎使用javascript编程世界");

</script>
</head>
<body>
	<p>网页主体内容</p>
</body>
</html>

使用外部JavaScript文件

<html>
<head>
<title>JavaScript脚本语言</title>
<!-- src指明外部脚本的路径 -->
<script  language="javascript" src="example1.js"></script>
</head>
<body>
	<p>网页主体内容</p>
</body>
</html>

外部脚本以js作为文件后缀
外部脚本文件的内容和卸载script标签内部的内容没什么差别，只是位置不同

2. 基本语法

2.1 基本数据类型

JavaScript提供了5种基本的数据类型用来处理数字和文字

Number类型
- 例如: 15 2.9 4E5
String类型
- 例如 "abc" "jack " " "
Nulll类型
- 只有一个值，即null。Null是一个位符，表示一个变量已经有值，但值为空
Boolean类型
- 布尔类型只取两个值true或false
Undefined类型
- 只有一个值，即undefined，表示未定义

Js数据类型是隐式的，声明时不用指定，赋值时自动设定类型

即，Js的数据有类型，但是存储数据的容器（变量），不约束具体类型

2.2 变量和常量

变量

变量的主要作用是存取数据、提供存放信息的容器。程序可以使用变量名来访问变量中的数据
语法：var variableName[=value];
示例：

<script language="javascript">
	var  num=10;
	var name="javascript";//声明一个变量并赋值
	 var x, y, z = 10;//同时声明多个变量
</script>

变量的命名需要遵守一定的规范，主要有以下几点
- 变量名由字母、数字、下划线和$组成
- 变量名的首字母必须是字母、$或下划线
- 不能使用JavaScript 保留字，注意区分大小写

常量

JavaScript的常量通常又称字面常量，它是不能改变的数据，与基本的数据类型同对应，有以下几种常量。
- 整型常量： 15
- 实型常量：1.5
- 布尔值：true|false
- 字符型常量："Hello Js" |' Hello JS '
- 空值（null）
- undefined常量

2.3 类型转换

parseInt (String)
- 将字符串转换为整型数字
- 如：parseInt ("123")将字符串"123"转换为整型值123
parseFloat(String)
- 将字符串转换为浮点型数字
- 如: parseInt ("5.45")将字符串"5.45"转换为浮点值5.45

2.4 运算符

运算符是一种特殊符号，用于实现数据之间的运算、赋值和比较等功能
根据运算符的功能，可分为以下几种：
- 算术运算符:+、-、 * 、 / 、%、++、--
- 比较运算符:==、!=、>、>=、<、<=
- 逻辑运算符: &&、||、！
- typeof运算符:输出指定数据的类型
  - 输出5个结果：undefined,object,string,number,boolean

2.5 注释

JavaScript 注释有两种
- 单行注释：//注释内容
- 多行注释：/*注释内容*/

2.6 流程控制语句

if条件语句：

switch多分支语句：

for、while、do…while循环：

break 和 continue 语句

break 语句来中断一个循环的运行。continue 语句用来跳过余下的代码块而直接转到下一次循环继续执行

例：

<script type="text/javascript">
//这段 Javascript 代码用来输出1到10之间的奇数。
var x ;
for (x=1; x<100; x++)
{
	if(x==10)
		break;
	if (x%2==0)
		continue;//跳过剩余代码，转入下一次循环
		document.write (x + "<br>");
}
</script>

3. 函数与事件

函数是指一段需要重复使用的代码的集合
语法：

例：

<script  language="javascript">
	//定义求两数之和的函数
	function  add(num1,num2)
	{
		return  num1+num2;
	}
	//调用求两数之和的函数
	var result=add(10,20);
	document.write("10+20的和是:"+result);
</script>

3.2 变量的作用域

根据变量的作用范围，JavaScript中的变量可以分为全局变量和局部变量

3.3 事件处理

JavaScript是基于对象的语言，基于对象的基本特征就是采用事件驱动
通常鼠标或按钮在浏览器窗口或网页上执行的操作
语法：

JavaScript的常用事件

名称	触发时机
onload	用户进入页面时触发
onunload	用户离开页面时触发
onfocus	页面某一元素获取了焦点时候触发
onblur	页面某一元素失去了焦点时候触发
onchange	在页面元素或内容更改确认时触发，如文本域的内容改变时
onsubmit	用于提交表单之前验证所有的表单域
onmouseover	鼠标光标移入页面元素时触发
onmouseout	鼠标光标移出页面元素时触发
onmousemove	鼠标光标在页面中移动时触发
onclick	鼠标单击页面元素时触发

总结

JavaScript是一种基于对象和事件驱动的脚本语言，它提供了一些专有的类、对象及函数
JavaScript的基本数据类型包括Number、Boolean、Null、String等
parseInt用来将字符串转换成整型数，parseFloat用来将字符串转换成浮点数
JavaScript中声明变量使用var关键字
事件指的是通过鼠标或按钮在浏览器窗口或网页上执行的操作，如鼠标单按钮产生的onclick事件等
事件处理程序通常指的是采用function定义的函数

查看全文

http://www.kler.cn/a/297619.html