# JavaScript-CSDN博客

本文链接：https://blog.csdn.net/2301_76815287/article/details/130350080

JavaScript

DOM

DOM是什么:DOM是一套对文档的内容进行抽象和概念化的方法.

1.准备工作+基础语法:

用JavaScript编写的代码必须通过HTML/XHTML文档才能执行。

第一种方式:

将JavaScript代码放在文档标签中的

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>第一次学JavaScript</title>
	<Script>
		JavaScrip goes there...
	</script>
</head>
<body>
	Mark-up goes here...
</body>
</html>

第二种方式:将JavaScript代码存为一个扩展名为.js的独立文件.

典型的作法是在文档的部分放一个

<script src="file.js"></script>

第三种也是最好的是将其代码放在HTML文档的最后,标签之前

<body>
Mark-up goes here...
<script src="file.js"></script>(也可以像第一种方式一样,将代码放在此处)
</body>
</html

提示:这样可以更快的加载页面.
拓展:程序设计语言分为解释型和编译型两大类。Java或C++等语言需要一个编译compiler）编译器是一种程序，能够把用Java等高级语言编写出来的源代码翻译为直接在计算机上执行的文件。解释型程序设计语言不需要编译器——它们仅需要解释器。对于avaScript语言，在互联网环境下，Web浏览器负责完成有关的解释和执行工作。浏览器中的JavaScript解释器将直接读入源代码并行浏览器中如果没有解释器，JavaScript代码就无法执行

语句:

1.只需简单的将各条语句放在不同行上就可以分隔它们
2.如果想放在同一行则:

first statement; second statement;

注释:1.只想在一行中写注释,用//
2.希望无行限制,用/* */
3.如果想用HTML格式的注释,则用 ,JS会将–>当作注释的一部分,且用法与注释一相同.

变量:

类似于C语言
小技巧:

alert(vary)/*可以显示一个弹出式警告窗口*/

如果不想声明,JS可以自动声明,但我们要声明

var mood;
var age;
/*也可以var mood,age;*/

注:同时声明与赋值是最有效率的 变量名命名与C语言的规则相同.
数据类型:1.字符串类型,2.整数或浮点数,负数,3.布尔值

数组

数组的声明:
1.通过关键字Array 声明。

var beatles = Array(4);
var beatles = Array()/*不需要声明数组时必须给出元素个数*/

在声明数组的同时对它进行填充。这种方式要求用逗号把各个元素隔开：

var beatles = Array( "John", "Paul", "George", "Ringo" );
var beatles = [ "John", "Paul", "George", "Ringo" ];/* 可以类型不同 */
beatles[0] = name;/*数组元素可以被赋值变量*/
var lennon = [ "John", 1940, false ];
var beatles = [];
beatles[0] = lennon; /*数组中的任何一个元素都可以把一个数组作为它的值*/
/*此时想要获得lemon数组的元素,可以写*/ battles[0][0]

拓展:关联数组:在为新元素给出下标时，不必局限于使用整数数字。可以用字符串

var lennon = Array();
lennon["name"] = "John";
lennon["year"] = 1940;
lennon["living"] = false;/*不推荐使用*/

对象:

介绍;对象也是使用一个名字表示一组值,对象的每个值都是对象的一个属性。

var lennon = Object();
lennon.name = "John";
lennon.year = 1940;
lennon.living = false;

创建对象还有花括号语法:

{ 属性:value, 属性:value }

操作:

1 ‘+’:

'var message = "I am feeling " + "happy";/*把字符串合二为一*/
var mood = "happy";
var message = "I am feeling " + mood;/*拼接也可以通过变量来完成*/
/*变量为数值时会被自动转换为字符串*/

条件语句:(与C语言相同)

if (condition) {statements;}

比较运算符(>=,<=,==,!=)

但要进行严格比较，就要使用另一种等号（/===/）。这个全等操作符会执行严格的比较，不仅比较值，而且会比较变量的类型.如果想比较严格不相等，就要使用!==*/.

var a = false;
var b = "";
if (a === b) {
		alert("a equals b");
}/*返回false,类型不同*/

循环语句:

while语句,do…while语句,for语句用法与C语言用法相同.

函数:

定义一个函数的语法:

	function name(arguments) {statements;}
	/*可以为它声明任意多个参数，只要用逗号把它们分隔开来就行。*/
	/*返回直接用return就行*/

如果在某个函数中使用了var ，那个变量就将被视为一个局部变量，它只存在于这个函数的上文中；

对象:

对象是自包含的数据集合，包含在对象里的数据可以通过两种形式访问——属性（property）和方法（method）：
1.属性是隶属于某个特定对象的变量；
2.方法是只有某个特定对象才能调用的函数。

var jeremy = new Person;/*Person是一个对象,此处是新创建一个与Person相同的对象*/

内置对象:

定义:它提供了一系列预先定义好的对象，这些可以拿来就用的对象称为内建对象
类如:
数组Array也是一个类似与C++中的类,而定义出来的变量则是一个类似于C++中的对像.
__eg:1.Array 2.Math 3.Date(详情见另一篇博客,4月24日写此篇)

宿主对象

定义:由浏览器提供的预定义对象被称为宿主对象.
宿主对象包括Form 、Image 和Element 等。我们可以通过这些对象获得关于网页上表单、图像和各种表单元素等信息。

DOM

D:把你编写的网页文档转换为一个文档对象。
O:对象,分为用户定义对象,内建对象,宿主对象三种.
__最基础的对象是window 对象。window 对象对应着浏览器窗口本身，这个对象的属性和方法,通常统称为BOM（浏览器对象模型）

节点:

###元素节点:
标签的名字就是元素的名字。