JS的基础运用

开发工具与关键技术： Visual Studio Code

作者：李金鸿

撰写时间：2022/3/15

知识点分享

我今天分享的内容是网上订餐系统的JS内容部分

首先我们要了解js在软件开发中的作用，如果把html作为我们人体的骨架，css作为我们外在的皮肤，内在的器官的话，Js就是我们人体所流动的血液，它串联着我们整个软件，使我们网页实现一个又一个的动画效果。

让我以南京网订餐这个案列来为我们讲解一下js的作用

首先我们在写js代码前，我们要先写入一行叫页面加载事件的代码

Window.onload = function(){}

 然后在我们的html里引入该js的链接，随后我们便可以在js里面写入我们需要实现的效果了。在输入效果前我们需要获取到我们想要实现效果的部位的id

 

如上图显示我们需要赋予我们一个标签一个id名

并在我们js页面中选择到他

随后我们便可以给我们的标签设立上事件，以上是给我案例中向下箭头添加一个点击向下滑动的代码

如此一个简单的js动画效果就出来了

我们要注意的是在写js的过程中要注意自己是否有准确选择到我们要该变的标签部分

以上有以id选择器选择标签部分，有以var myindex = this.getAttribut(“this”)，这个方法是以鼠标点击标签的办法选择到点击标签的办法