初步了解javascript

什么是JavaScript？

JavaScript是一种轻量级，解释型，面向对象的脚本语言。其主要被设计用于网页上实现动态效果，增加用户与网页的交互性。作为一种客户端脚本语言，JavaScript可以直接嵌入HTML，并在浏览器中执行。与HTML和CSS不同，JavaScript使得网页不再是静态的，而是可以根据用户的操作动态变化的。通过JS，我们可以处理用户输入，修改页面内容，与服务器进行交互等。

JS的作用

其应用领域包括但不限于：

1.客户端脚本：用于在用户浏览器中执行，实现动态交互效果和用户交互。

2.网页开发：与HTML和CSS协同工作，使得网页具有更强的交互性和动态性。

3.后端开发：使用Node.js，JS也可用在服务器端运行，实现服务器端应用的开发。

JS的简单使用

其可分为内联样式和外联样式。

内联样式：

可在head标签中实现，也可以在body标签内实现。

如head：

在script标签对中写入你的js代码。console.log（）函数即在浏览器的控制台中打印括号中的文本。按F12快捷打开浏览器的控制台。

如body：

浏览器控制台中所呈现的文本如下：

外联样式

创建以js为后缀的文件，在html文件中通过script标签对的属性src导入js文件，完成外联样式的引入。

所呈现的效果如下：

这里提及一个alert函数。

弹出一个如下窗口，

关于JS的变量与定义

break：用于跳出循环，结束循环的执行。

continue：用于跳过当前循环中的剩余代码，继续下一次循环。

关于其语法语句跟C，C++类似，这里不再过多赘述。

JS的函数

类似于c，c++，形如下，

function 函数名(参数1，参数2.....){
   //函数的执行代码
     return 返回值；
}

简单举个例子，

JS事件

事件是指文档或浏览器窗口中发生的特定瞬间，例如用户的点击，键盘的按下，页面的加载等。常见的事件如下：

onClick：点击事件

onMouseOver：鼠标经过

onMouseOut：鼠标移出

onChange：文本内容改变事件

onSelect：文本框选中

onFoucs：光标聚集

onBlur：移开光标

事件就是函数触发的条件

事件绑定

JS绑定事件的方法有三种：

1.'HTML'属性   2.‘DOM’属性   3.‘addEventListener’属性

通过HTML属性绑定

DOM

在web开发中，DOM常与JS一起使用。当网页被加载时，浏览器会场见页面的文档对象模型，也就是DOM（Document Object Model）。每个HTML或XML文档都可以被视为一个文档树，文档树是整个文档的层次结构表示。文档节点是整个文档树的根节点。DOM为这个文档树提供了一个编程接口，开发者可以使用JavaScript来操作这个树状结构。

节点树

在js中获取各标签节点

修改各标签节点

关于DOM属性绑定事件

DOM对象常用方法