HTML之JavaScript

最新推荐文章于 2023-07-23 10:02:08 发布

松鼠MaSaKi

最新推荐文章于 2023-07-23 10:02:08 发布

阅读量282

点赞数

分类专栏： JAVA Basics 文章标签： javascript html

本文链接：https://blog.csdn.net/qq_45337431/article/details/99970573

版权

本文详细介绍了JavaScript的基础知识，包括JavaScript概述、变量声明与数据类型、在HTML中的使用方式、运算符、控制语句、函数（包括自定义函数和系统函数如弹窗、确认、输入框等）、事件、字符串和包装类以及RegExp对象的使用。通过本文，读者可以全面了解JavaScript的核心概念并掌握其在网页开发中的应用。

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

一、JavaScript概述

JavaScript(LiveScript)一种【解释性脚本语言】，是一种动态类型、弱类型、基于原型继承的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

完整的JavaScript实现包含三个部分：ECMAScript，文档对象模型（DOM Document Object Model），浏览器对象模型(BOM Browser Object Model)。

二、变量声明与数据类型

在JavaScript中，任何变量都用var关键字来声明，var是variable的缩写。

JavaScript中，一共有两种数据类型：基本（原始）类型和引用（对象）类型。

1、基本数据类型

基本数据类型包括：number、string、boolean、undefined、null五种。

//1.1var声明变量再赋值
var num;
num = 10;//赋值的时候决定类型
document.write(num + "<br/>");
var name1 = "张三";
document.write(name1 + "<br/>");//注意起名字不能用name，因为window里有个属性是name，是关键字
//2数据类型
//基本类型:number,string(注意),boolean,undefined未定义的,null
var age = 20;
var str = "我爱JAVAscript";
var gender = true;
var email;//没有该数据类型,所有是undefined
var obj = null;//打印结果是null,但是类型是object
//typeof显示数据类型
document.write("age" + age + "类型" + typeof(age) + "<br/>");//number
document.write("str" + str + "类型" + typeof(str)+ "<br/>");//string
document.write("gender" + gender + "类型" + typeof(gender)+ "<br/>");//boolean
document.write("email" + email + "类型" + typeof(email)+ "<br/>");//undefined
document.write("obj" + obj + "类型" + typeof(obj)+ "<br/>");//object

在Java中，当一个变量未被初始化的时候，Java中是null或者基本数据类型的默认值。
而在JavaScript中，当一个变量未被初始化的时候，它的值为undefined。

2、引用数据类型

创建对象的方式

//创建对象定义
function Person() {
   
	//属性
	this.name1;
	this.age;
	this.gender;
	
	//函数
	this.show = function() {
   
		document.write("姓名" + this.name1 + ", 年龄" + this.age + ", 性别" + this.gender);
	}
}
//创建对象
var Jack = new Person();
Jack.name1 = "Jack";
Jack.age = 27;
Jack.gender = "男";
Jack.show();
		
//使用Object创建对象,动态添加,边定义边添加属性值【常用】
var Peter = new Object();
Peter.name1 = "Peter";
Peter.age = 28;
Peter.address = "北京";
Peter.show = function() {
   
	document.write("姓名" + this.name1 + ", 年龄" + this.age + ", 地址" + this.address);
};
document.write("<br/>")
Peter.show();
			
//javaScript的json表示法
var July = {
   "name1":"July","age":20,"gender":"女"};
document.write("<br/>");
document.write(July.name1);

数组创建和遍历方式

//创建数组
var nums = new Array(); //与集合类似,长度可变，原始类型任意
document.write("" + "nums长度" + nums.length);
nums[0] = 10;
nums[1] = 110;
nums[2] = true;
nums[3] =