javascript学习总结（一）

最新推荐文章于 2023-06-21 00:07:54 发布

谢晓永

最新推荐文章于 2023-06-21 00:07:54 发布

阅读量1.1k

点赞数 1

分类专栏： javascript

本文链接：https://blog.csdn.net/xiaoyong5854/article/details/107580128

版权

1 概念

javascript：一门客户端脚本语言
（1）运行在客户端浏览器中的，每一个浏览器都有javascript的解析引擎
（2）脚本语言：不需要编译，直接就可以被浏览器解析执行

功能：可以用来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户体验。

JavaScript = ECMAScript + JavaScript自己特有的东西(BOM+DOM)

2 ECMAscrpipt语法

2.1 与html结合方式

1.内部js
定义<script>，标签体内容就是js内容

2.外部js
定义<script>，通过src属性引入外部的js文件

注意：
（1）<script>可以定义在html页面的任何地方，但是定义的位置会影响执行顺序。
（2）<script>可以定义多个。

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS与Html的结合方式</title>
    <!--
     内部JS
     外部JS
 -->
    <script>
        alert("Hello World");
    </script>

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

</head>
<body>
<input type="text">
</body>
</html>

在这里插入图片描述

2.2 注释

1.单行注释： //注释内容
2.多行注释：/*注释内容*/

2.3 数据类型

1.原始数据类型（基本数据类型）：
（1）number :数字。整数/小数/NaN
（2）string：字符串。字符串 “abc” ”a"
（3）boolean：true和false
（4）null：一个对象为空的占位符
（5）undefined：未定义。如果一个变量没有给初始值，则会被默认值为undefined

2.引用数据类型：对象

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量</title>

    <script>
        //定义Number类型

        var num = 1;
        var num2 = 1.2;
        var num3 = NaN;

        //输出到页面上

        document.write(num + "<br>");
        document.write(num2 + "<br>");
        document.write(num3 + "<br>");

        //定义string类型
        var str = "abc";
        var str2 = "edf";
        document.write(str + "<br>");
        document.write(str2 + "<br>");

        //定义boolean类型
        var flag = true;
        document.write(flag + "<br>");

        //定义null, undefined
        var obj = null;
        var obj2 = undefined;
        var obj3;
        document.write(obj + "<br>");
        document.write(obj2 + "<br>");
        document.write(obj3 + "<br>");

    </script>
</head>
<body>

</body>
</html>

在这里插入图片描述

2.4 变量

变量：一小块存储数据的内存空间

Java语言是强类型语言，而JavaScript是弱类型语言。
强类型：在开辟变量存储空间时，定义了空间将来存储的数据的数据类型。只能存储固定类型的数据
弱类型：在开辟变量存储空间时，不定义空间将来的存储数据类型，可以存放任意类型的数据。

语法：
var 变量名 = 初始化值;

typeof运算符：获取变量的类型。
注：null运算后得到的是object

代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量</title>

    <script>
        //定义Number类型

        var num = 1;
        var num2 = 1.2;
        var num3 = NaN;

        //输出到页面上

        document.write(num + "---" +typeof(num) + "<br>");
        document.write(num2 + "---" +typeof(num2) + "<br>");
        document.write(num3 + "---&#

最低0.47元/天解锁文章

谢晓永

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
javascript学习总结（一）

1 概念javascript：一门客户端脚本语言（1）运行在客户端浏览器中的，每一个浏览器都有javascript的解析引擎（2）脚本语言：不需要编译，直接就可以被浏览器解析执行功能：可以用来增强用户和html页面的交互过程，可以来控制html元素，让页面有一些动态的效果，增强用户体验。JavaScript = ECMAScript + JavaScript自己特有的东西(BOM+DOM)2 ECMAscrpipt语法2.1 与html结合方式1.内部js定义<script>，
复制链接

扫一扫