Javascript基础

最新推荐文章于 2025-03-15 09:23:22 发布

原创最新推荐文章于 2025-03-15 09:23:22 发布 · 402 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #脚本语言

H5 学习专栏收录该内容

19 篇文章

订阅专栏

本章内容

Javascript基础-介绍、实现、输出
Javascript基础-语法和注释
Javascript基础-变量和数据类型

Javascript基础-介绍、实现、输出

介绍
- JavaScript是互联网上最流行的脚本语言，这门语言可用于web和HTML，更可广泛用于服务器、pc端、移动端。
- JavaScript脚本语言
- JavaScript是一种轻量级的编程语言
- JavaScript是可插入HTML页面的编程代码
- JavaScript插入HTML页面后，可由所有的浏览器执行

实现
1. JavaScript用法
HTML中脚本必须位于<script></script>标签之间
脚本可被放置在HTML页面的<body>和<head>部分中
2. JavaScript标签
在HTML中插入JavaScript，使用<script>标签、
在<script></script>之间书写代码
3. JavaScript使用限制
· HTML中，不限制脚本数量
通常会把脚本放置于<head>标签中
，不至于干扰页面内容

输出
1. JavaScript通常用来操作HTML
2. 文档输出
document.write("<p>hello myjs</p>");

HTML:

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="myjs.js"></script>
</head>
<body>
    <script>
        document.write("heheheheh");
    </script>
    <script>
        document.write("<strong>hello hello</strong>");
    </script>

    <p id="pid">hahahahah</p>
    <script>
        document.getElementById("pid").innerHTML="hello getElementId";
    </script>
</body>

JS:

document.write("hello myjs");

这里写图片描述

语法和注释

语法
1. JavaScript 语句
JavaScript 语句向浏览器发出的命令。语句的作用是告诉浏览器该做什么
2. 分号
语句之间的分割是分号(;)
注意: 分号是可选项，有时候看到不以分号隔开的。
3. JavaScript代码
按照编写顺序依次执行
4. 标识符：
JavaScript标识符必须以字符、下划线或美元符号开始
JavaScript关键字不能使用
5. JavaScript对大小写敏感
JavaScript严格区分大小写
6. 空格
JavaScript会忽略多余的空格
7. 代码换行
8. 保留字

注释
1. 单行注释
//
2. 多行注释
/**/

变量和数据类型

变量
1. 变量是用来储存信息的容器

var x =10;
var y = 10.5;
var z = "haha"

<body>
    <script>
        var i = 10;
        var j = 10;
        var m = i + j;
        document.write(m)
    </script>
</body>

数据类型

字符串(String)
数字(Number)
布尔(Boolean)
数组(Array)
对象(Object)
空(null)
未定义
可以通过赋值为null的方式清除变量

 <script>
        var string = "hello";

        var arr = [1,2,3,4];
        document.write(arr[1]);

        var arr1 = new Array("ha","wa","ya");

        var arr2 = new Array();
        arr2[0] = "111";
        arr2[1] = "111";
        arr2[2] = "111";

        var n = null;
        document.write(n);

        var r;
        document.write(r);

        string = null;
        document.write(string);
    </script>