了解js

最新推荐文章于 2025-01-09 19:21:28 发布

原创最新推荐文章于 2025-01-09 19:21:28 发布 · 143 阅读

CC 4.0 BY-SA版权

一、什么是JavaScript？

**JavaScript是一种具有面向对象能力的解释型语言。**更具体一点，它是基于对象和事件驱动并具有相对安全性的客户端脚本语言，因为他不需要在一个语言环境下运行，只需要有一个浏览器即可。
它的主要目的就是验证发往服务器的数据，增加web互动，加强用户体验。　
面向对象: 是编程思维的一种，我们初期接触的面向过程。
解释型:直接读代码运行，而不是编译型的，比如java，需要把源代码编译成一个.class文件，然后执行这个class文件。
**对象:**在这里指的是面向对象比如：window对象(BOM对象) document对象(DOM对象) 内置对象
**事件驱动:**大部分情况下是基于浏览器的，点击页面、点击按钮才会触发JavaScript程序的执行
**相对安全性:**它没有阻止文件，删除、修改文件夹此类恶意的操作。
**客户端:**不是在服务器(远程端)上执行的，而是当你打开一个网站，它的网页存放到你的本地的临时空间的时候，才会执行。
**脚本语言:**不需要像java、.net一样，需要一个环境(SDK、JDK)，他只是一门脚本语言，只是寄存在浏览器上就可以运行。

二、JavaScript的特点

(1)松散型:它的变量不具有一个明确的类型 (比如创建一个变量a 并不知道他是什么类型，只有赋值之后才知道)

(2)对象属性:JavaScript中的对象把属性名映射为任意的属性值。 (深度学习之后才知道哦，别急)

(3)继承机制:JavaScript中的继承是基于原型的。 (深度学习之后才知道哦，别急)

三、JavaScript的历史

1992年，Netscape(网景)公司开发了一种叫做c–的嵌入式语言4，后来觉得名字比较晦气，于是乎，改名为scriptEase。这种可以嵌入网页中的理念成为了因特网的一块重要的基石。

后来，布兰登未解决类似于向服务器提交数据之前验证的问题，在网景浏览器2.0和sun公司联合开发了一个称之为liveScript的脚本语言，为了营销便利，改名为JavaScript。

当时，它的主要目的是处理以前由服务器端语言负责的一些输入验证操作。

如今，JavaScript的用途早已不再局限于简单的数据验证，而是具备了与浏览器窗口及其内容等几乎所有方面交互的能力。

今天的JavaScript已经成为一门功能全面的编程语言，能够处理复杂的计算和交互。

四、JavaScript核心

(1)核心 – ECMAScript 5.0

(2)文档对象模型 – DOM

(3)浏览器对象模型 – BOM

ECMAScript介绍:

ECMAScript只是规范了JavaScript的语法，它与web浏览器没有依赖关系，web浏览器只是他的宿主环境之一。

文档对象模型(DOM):

文档对象模型就是HTML中的树。 (会学的，在这就不讲了！讲了也不会听懂的，晓得吧！)

浏览器对象模型(BOM):

开发人员使用BOM可以控制浏览器显示页面以外的部分，BOM至今没有相关标准，所以每个浏览器对它支持的不一样。

五、JavaScript能做什么？

嵌入动态文本于HTML页面。

对浏览器事件做出响应。

读写HTML元素。

在数据被提交到服务器之前验证数据。

检测访客的浏览器信息。

控制cookies，包括创建和修改等。

基于Node.js技术进行服务器端编程。

六.现在我们来创建一个JavaScript页面！

js的外联样式 < script src=“外联js.js”>< /script>　　
js的内联样式 < script type=“text/javascript”>< /script>
1. 基础数据类型 (内置对象)
1) Number 数字类型 (不区别整数和小数)
2）String 字符串类型 (包括字母，符号，汉字) 所有的字符串都需要用引号包裹起来，同理，所有的数据，被引号包裹起来时，它就是个字符串。
3) BOOL 布尔类型 (true 正确 flase 错误)
4）null 空类型
5）undefind 未定义类型
2. 声明并使用常量和变量
1) 常量：不能改变的数值
2) 变量：可以改变的数值
3. 声明一个变量 需要使用关键字 var
关键字变量名称(自定义)，在编程中单等号是赋值号，不是等于，平时说的等于，只是口头语而已。
作用： 将赋值号右侧的数据存储到左侧的变量中。

< script>
         var a = "1";
         console.log(a);
< /script>

4.console.log();
作用:输出到控制台;控制台不影响我们页面的运行;编程中，最常见的，测试方式.

< script>
       console.log(需要输出的数据)
< /script>

**5.alert()**会暂时阻断程序运行，直到用户点击弹出框中的确定(也就是弹出框消失的时候)
**作用：**将内容输出到语法自带的提示框;这个提示框，通常用于测试，在页面中弹出。不用于实际开发;因为太丑。

< script>
        alert(需要输出的内容);
< /script>

6.测试数据类型 typeof 语法:typeof 空格需要检测的数据

< script>
        console.log(typeof a);
< /script>