JavaScript入门简介

1.什么是JavaScript

1.1简称JS，由NetScape(网景)公司提供，是一门专门嵌入在浏览器中执行的脚本语言，JS运行在浏览器中，负责实现网页中的动画效果或者是实现表单校验等功能。
特点：
(1)JS是一门直译式语言(边解释边执行，没有编译的过程)
java–> 编写时 xx.java —>编译成 xx.class --> 运行class文件
js —> 编写时 html, 编写时 js文件, 直接运行, 没有编译过程
(2)JS是一门基于对象的语言(JS中没有类的概念,也没有编译的过程)
JS中是有对象的(内置对象、自定义对象)
(3)JS是一门弱类型的语言(Java:强类型)

//在JS中: 变量是不区分类型的, 可以指向任意的数据类型
var s = 100; //number(数值类型)
s = "abc"; //string(字符串类型)
s = true; //boolean(布尔类型)
s = []; //object(对象类型)
s = function(){} //function(对象类型)

优势：
(1)JS具有良好的交互性
(2)JS具有一定的安全性(只能在浏览器内部运行,不能访问浏览器以外的资源)
(3)JS具有跨平台性(JS 浏览器)
( JS语言是跨平台的，是因为有浏览器，但浏览器不跨平台
Java语言是跨平台的，是因为有虚拟机，但虚拟主机不跨平台 )

2.引入JS方式

1、在script标签内部可以书写JS代码：
在head或者body标签内部可以添加一个script标签，在script标签内部可以直接书写JS代码！

<!-- 在script标签内部可以书写JS注释和JS代码 -->
<script type="text/javascript">
//JS的单行注释
/* JS的多行注释 */
alert( "在html中引入JS的第一种方式..." );
</script>

2、通过script标签引入外部的JS文件

<!-- 通过script标签可以引入外部的JS文件 -->
<script src="demo.js"></script>

*在引入js文件的标签内部不要写js，不会执行。JS是严格区分大小写的!

3.JavaScript语法

1、基本数据类型

(1)数值类型(number)
在JS中，所有的数值在底层都是浮点型，但是在处理和显示的过程中会自动的和整型进行转换。
例如：2.4+3.6=6
特殊值：Infinity(无穷大) / -Infinity(负无穷大) / NaN(非数字)
(2)字符串类型(string)
在JS中，字符串类型属于基本数据类型，字符串常量可以使用单引号或者使用双引号引起来。
另外，JS中字符串类型有对应的包装对象（String），在需要时会自动的和包装对象进行转换。
(3)布尔类型(boolean)
ture/false
(4)undefined类型
undefined类型的值只有一个，就是undefined，表示变量未定义(但不是指变量没有声明)。是指声明了变量，但没有为变量赋值，该变量的值就是undefined。
(5)null类型
null类型的值也只有一个，就是null，表示空值。
可以作为函数的返回值，表示函数返回的是一个空的对象。
注意：null和undefined类型的变量是不能调用函数或属性的，会抛异常！

2.复杂数据类型

主要指对象(JS的内置对象、自定义的对象、函数、数组)

4.DOM操作

DOM: Document Object Model，文档对象模型，其实就是JS专门为访问html元素提供的一套API。

通过 JavaScript，您需要操作 HTML 元素。
为了达成此目的，您需要首先找到这些元素。有好几种完成此任务的方法：

①通过 id 查找 HTML 元素

var myElement = document.getElementById("intro");

②通过标签名查找HTML元素
例：查找所有的p元素

var x= document.getElementsByTagName("p");

等一些方法，参考链接：https://www.w3school.com.cn/js/js_htmldom_elements.asp