2017-12-24预习了一点js,做了点小东西!

原创 moxiao 随笔 个人笔记 259阅读 2017-12-24 17:44:21 举报

今天预习了一点js的东西,昨天也学了,但是看到半中间真的困得不行了,今天看了又看了一遍,然后跟着视频做了一遍才算是认识了。
JS中的东西说复杂也复杂,说简单也简单。
首先JS需要获取元素,我今天只学习了一个通过ID来获取元素:
document.getElementById("id名")
然后呢就是事件了,事件有很多种,但是今天用到的呢就只有两种:
鼠标事件 在鼠标事件种呢有多种情况(我列举的可能不全,毕竟刚开始预习,请见谅!)
1、onclick 鼠标点击
2、onmouseover 鼠标移入
3、onmouseout 鼠标移出
4、onmousedown 鼠标按下
5、onmouseup 鼠标抬起
6、onmousemove 鼠标移动 这个事件视频上的老师讲的很有意思,他用抚摸来说明这个鼠标的动作,真的的很形象!
系统事件 今天中学到了一个系统事件
1、onload 加载完成后执行

学了如何找到元素,又学习了事件,那么怎么添加事件呢?
元素.事件
在JS中【.】的意思是【的】,所以其实很长的一段JS代码其实更像是在对计算机说一段英语句子一样。

通过以上的学习中,发现在写JS代码时,需要学很多很多的获取元素的代码,那么怎么来减少这些所谓的“复杂”代码呢?
变量 变量可以让我们那些重复的获取元素的代码精简
例如: var link = document.getElementById("link")
这样书写以后呢,在后面使用时直接可以使用 link = 事件 这样的精简的代码。
变量不光可以定义字母,还可以定义数字,但是需要注意的是:在定义数字时,引号是可以不写的,但是有字母了,就必须要书写引号。

有了上面的东西,那么怎么让东【变化】呢?
函数 说实话,我看到函数就头疼,但是所幸的是,这里的函数并不是所谓的数学上面的函数,这里的函数捏可以理解成为一种命令。
function 函数名(){……} 函数是不会主动执行的。

函数分为有名函数和匿名函数两种,今天我使用的是匿名函数,这样可以省掉起名字的烦恼,但是如果有相同的动作或者计算,你可以用有名函数来进行,这样更加的省代码。

有名函数:
1、直接调用 函数名();
2、事件调用 元素.时间 = 函数名;

匿名函数:
元素.时间 = function(){……}

可能写的里面会有错误,希望大家给与指正,今天还弄了三个小的练习练练手来看看吧:
html 代码

接下来是第二个:
html 代码

下面的练习是课后练习:
html 代码

课后练习中出现了一个小问题,到时候,需要好好的问问了。
a标签使用onclick的时候单击一下,仅仅出来一下就消失了,换成onmouseover就会出来,换成input就可以点击了。

这就是今天的学习的东西了,祝大家平安夜快乐!!!

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复