js初步理解

一，简介。

1.名称

js和java没有关系，只是名字这样叫，他们是完全不同的两种语言。

2.构成

一个完整的js应该由ECMAScript,DOM,BOM这三个部分组成。

3.特点

解释型脚本：不需要再次编译为机器语言，而是直接执行。

严密性：严格区分大小写。

动态性：不同类型的数据可以变换，或者在web上的操作可以直接执行（事件驱动）。

还有其他

4.辅件。

JIT:原本解释型语言会执行的比较慢，但是由于JIT技术，让js成为了运行速度很快的动态语言。

Node.js：将其从浏览器独立出来，成为像python和java一样可以直接在计算机上运行的语言。

二，js的两种引用方式(在html中)

1.标签引用

<script>alert("Hello World")</script>

2.文件引用

一个单独的js文件也能够被编写，再引入。

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

三.数据类型

• 字符串型（String）
• 数值型（Number）：不分整数和浮点数，但是细分还可以分
• 布尔型（Boolean）：只有true和false
• undefined型（Undefined）：尚未定义的值
• null型（Null）：表示空值
• Object（除上5种外）

四.输出方式

1.页面输出（document）

<script>
    document.write("Hello,World!");
</script>
或者
<script>document.write("Hello,World!")</script>

2.控制台输出（console）

<script>
    console.log("输出一条日志");//最常用
    console.info("输出一条信息");
    console.warn("输出一条警告");
    console.error("输出一条错误");
</script>
 

3.弹窗输出（alert）

<script>
    alert("Hello,World!");
</script>
或者
<script>alert("Hello,World!")</script>

五.cookie简介。

1.定义

cookie是一个文本类型的文件（在本地的文本文件中），在用户访问web时，页面会进行记录，下一次用户再访问，web就可以直接读取cookie，例如第一登录过某网站，第二次就可以不需要登录，而是直接进去

2.类型

第一种是回话型，保存在客户端的内存中，关闭浏览器就会消失

第二种是持久型，保存在用户硬盘中，除非人为删除或者设置时间到期，不然不会一直存在

3.js中的cookie设置

属性：Name(名字),Value(值),Path(路径),Expires(有效时间),Size(大小)

建立：document.cookie="name=user"；

过期时间：document.cookie="name=user；expires=1,18 dec 2025 12:00:00 GMT";

路径：document.cookie="name=user；expires=1,18 dec 2025 12:00:00 GMT；path=/";

注意：多个cookie的值之间用；隔开

修改：用新的document.cookie覆盖。

删除：把有效时间改在现实时间之前即可。

六：DOM概述

1.定义

全称Documennt Objict Model，中文是文档对象模型（当网页被加载时，就会创建一个）。

2.对象树

文档中的每一个内容（元素）都会被组织成一个对象树（树状图），每个分支的终点称为一个节点，每个节点就是一个对象，由此，我们就能通过js修改html中的任何内容（也就是动态html）。

3.节点分类

元素节点：标签

属性节点：属性

文档节点：整个html文档

文本节点：一条语句中的文本元素

七，BOM概述

1.定义

全称Browser Object Model，中文：浏览器对象模型，主要作用是管理窗口与窗口之间的通讯，提供了独立于内容 而与浏览器窗口进行交互的对象，核心是window

2.核心

Window：整个浏览器的窗口，同时window也是网页中的全局对象
Navigator：当前浏览器的信息，可以来识别不同的浏览器
Location：当前浏览器的地址栏信息，Location可以获取地址栏信息，或者操作浏览器跳转页面
History：浏览器的历史记录，但只能操作浏览器向前或向后翻页，而且该操作只在当次访问时有效
Screen：用户的屏幕的信息，获取用户的显示器相关信息

3.window对象

  3.1弹出框（以下可不带window）

      3.1.1警告框（信息提示）

          window.alert("1");   //弹出一个警告框，需要用户单击“确认”来继续

      3.1.2确认框（确认或者接受某信息）

         window.confirm("1");  //弹出一个确认框，点击确认返回true，点击取消返回false

      3.1.3提示框（需要用户输入信息）

        window.prompt("请输入","输入的值"); //输入值后，点击确认返回输入值，点击取消则返回null

........还有很多暂时不补充

八：事件

看另一篇：CSDNhttps://mp.csdn.net/mp_blog/creation/editor/137827356