什么是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对象常用方法