JavaScript的第一天学习

javascript学习之路

1.javascript

Javascript语言诞生主要是完成页面的数据验证，因此它运行在客户端，需要运行浏览器来解析执行Javascript代码。（后面简称JS）

JS是Netspace网景公司的产品，最早取名为Javascript；由于当时JAVA比较热门，为了吸引更多Java程序员。更名为Javascript.

JS是弱类型，Java是强类型

弱类型 ：类型可变

强类型 ：定义变量时，类型已经确定

# 例如在js中
var i;
i = 12;         # 数值型
i = "abc";      # 字符串型

# 在java中
int i = 12;     # i就是整数型

特点

交互性（他可以做的就是信息的交互）
安全性（不允许直接访问本地硬盘）
跨平台性（只要是可以解释JS的浏览器都可以执行，和平台无关）

2.JavaScript和html代码的结合方式

2.1.第一种方式

只需要在head标签中或者body标签中，使用script标签来书写JavaScript代码

举个栗子

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        // alert是JavaScript的一个警告框函数
        // 它可以接收任意类型的参数，这个参数就是警告的内容
        alert("hello JavaScript");
    </script>
</head>
<body>

</body>
</html>

运行结果如下

内部js运行结果

2.2.第二种方式

使用script标签引入单独的JavaScript代码文件

举个栗子

创建一个js文件

alert("我是一个外部的js文件")

再创建一个html文件引入上面的js文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--
    用script标签引入外部的js文件
    src中是js文件的路径，可以是相对路径，可以是绝对路径
    -->
    <script type="text/javascript" src="02_hello.js"></script>
</head>
<body>

</body>
</html>

看看运行结果

外部js运行结果

但是上面的两种方法不能同时使用

例如在上面第二种方法上进行修改

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--
    用script标签引入外部的js文件
    src中是js文件的路径，可以是相对路径，可以是绝对路径
    -->
    <script type="text/javascript" src="02_hello.js">
        alert("内部js也想显示")
    </script>
</head>
<body>

</body>
</html>

这时候再看看运行结果

两种方法同时使用

点击完确定就没反应了

那么script中间写的alert就没有执行了，但是我就是想写怎么办，可以再新写一个script标签就行了

3.变量

什么是变量，变量是可以存放某些值的内存的命名

JavaScript的变量类型


数值类型	number
字符串类型	string
对象类型	object
布尔类型	boolean
函数类型	function

JavaScript里特殊的值


undefined	未定义，所有js变量未赋初始值时，默认值都是undefiend
null	空值
NAN	全称是：Not A Number 也就是非数字，非数值

js中的定义变量的格式

var i;

这里对几个特殊的值进行测试

undefined

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        var i;
        alert(i);     // 此时结果应该是undefined
    </script>
</head>
<body>

</body>
</html>

变量定义运行结果undefined

NaN

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        var a = 12;
        var b = "abc"
        alert( a * b );
        // 此时结果是NaN, 非数字，非数值，这个乘法想得到的是一个数字，但是结果并不是，所以输出NaN
    </script>
</head>
<body>

</body>
</html>