JavaScript介绍和应用

最新推荐文章于 2024-07-29 23:41:14 发布

glenzhang(ty)

最新推荐文章于 2024-07-29 23:41:14 发布

阅读量698

点赞数

分类专栏：笔记文章标签： js

本文链接：https://blog.csdn.net/qdzjo/article/details/113059510

版权

本文详细介绍了JavaScript，包括其概述、基本语法、HTML DOM交互、表单验证、window对象、location对象、history对象以及计时功能。JavaScript作为一种解释性脚本语言，常用于网页动态功能和客户端数据验证，其基本语法包括变量声明、运算符、控制语句等。此外，文中还讨论了JavaScript在DOM操作、事件处理和时间控制等方面的应用。

摘要由CSDN通过智能技术生成

JavaScript

1.概述

JavaScript是由Netscape公司（美国网景公司）开发的一种脚本语言，结构简单，使用方便，对用户自身知识水平的要求并不高，易学易懂。

脚本语言：

脚本语言(JavaScript，VBscript等)介于HTML和C,C++,Java,C#等编程语言之间。
HTML通常用于格式化和链接文本。而编程语言通常用于向机器发出一系列复杂的指令。
脚本语言与编程语言也有很多相似地方，其函数与编程语言比较相像一些,其也涉及到变量。与编程语言之间最大的区别是编程语言的语法和规则更为严格和复杂一些。
与程序代码的关系：脚本也是一种语言，其同样由程序代码组成。
脚本语言是一种解释性的语言,例如Python、vbscript,javascript等等,它不像其他语言可以编译成二进制代码,以可执行文件的形式存在，脚本语言不需要编译，可以直接用，由解释器来负责解释。
脚本语言一般都是以文本形式存在,类似于一种命令。

优点：
快速开发：脚本语言极大地简化了“开发、部署、测试和调试”的周期过程。
容易部署:大多数脚本语言都能够随时部署，而不需要耗时的编译/打包过程。

JavaScript一种直译式脚本语言，用来为网页添加各式各样的动态功能（JavaScript可以操作网页内容），不需要编译可直接通过浏览器解释运行，通常JavaScript脚本是通过

作用：

响应客户端鼠标和键盘事件
客户端页面表单数据验证
使用动态的改变页面标签的样式

JavaScript与html,css关系

html网页的最基本内容。

css为网页内容外观进行修饰。

JavaScript是一种基于对象和事件驱动并具有安全性的解释性语言，其目的就是增强Web客户交互。弥补了HTML的缺陷。

2.基本语法

书写位置

javaScript脚本写在一组

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!-- 导入外部的js文件 -->
		<script src="js/out.js" type="text/javascript" charset="UTF-8">
			
		</script>
		<script type="text/javascript">
            <!-- 在script标签中写js脚本 -->	
		</script>
		
	</head>
	<body>
		
	</body>
</html>

对话框

alert(‘welcome!’);//提示对话框

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/out.js" type="text/javascript" charset="UTF-8">
			
		</script>
		<script type="text/javascript">
            var num = "请输入用户名：";
            alert(num);//弹出框
		</script>
		
	</head>
	<body>
		
	</body>
</html>

confirm(‘can you speak english?’);//选择对话框

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/out.js" type="text/javascript" charset="UTF-8">
			
		</script>
		<script type="text/javascript">
            var res = confirm("您确定要删除吗？");//确定对话框
		</script>
		
	</head>
	<body>
		
	</body>
</html>

prompt(“how old are you?”,”23”);//提示输入框

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/out.js" type="text/javascript" charset="UTF-8">
			
		</script>
		<script type="text/javascript">
           var res = prompt("请输入")//输入对话框;
		</script>
		
	</head>
	<body>
		
	</body>
</html>

声明变量

使用var关键字

声明变量的同时对其赋值
```
var name = "HELLO WORLD!"
```

注释

// 单行注释
/* 多行注释 */
/**
* 多行注释
*/

数据类型
1. 数值型（number）：其中包括整型数和浮点型数。
```
var x = 10;
    x = 1.2;
console.log(num);
```
2. 布尔型（boolean）：即逻辑值，true或flase。
3. 字符串型：由单个或多个文本字符组成。字符串是用单引号或双引号来说明的。（使用单引号来输入包含引号的字符串。）
```
var s = 
```