嘿嘿,今天学习到了事件,其实在C#中事件只需要我们触发即可实现,但是在javascript并不是这样的,在这里,事件是javascript与html的交互,就是文档或者浏览器窗口发生的一件特定的交互瞬间。其实从定义上面你很难想象吧,那么下面就简单的举例说下。
一.实现文字改变位置
链接 文字
上面的button就实现了onclick单击事件,然后通过事件调用了一个方法使其文本信息改变位置。
二.替换文本信息
一个链接 一句话
其实在这里是替换文本信息,不局限于是原来的文本信息交换位置,可以是任意内容的,嘿嘿。
三..改变图片大小
改变图片大小其实是通过元素的属性设置即可,或者通过获取其元素,在使用setAttribute也可以实现的,这样是最简单的。
四.显示另一个元素的值
在这里写if'语句中的条件时间可能不太容易理解,但是我们可以寻找下pnode.childNodes的节点的个数即可知道我们的条件为什么要这样写,子节点的个数输出的是5,包括空白的文本节点等,所以在显示时间需要注意的。
五.克隆图片
其实克隆图片,从名字上面的方法的名字cloneNode就知道了实现的功能,可以点击按钮克隆多张图片。
六.隐藏图片
之前没有介绍display的使用方法,它应该是style的属性,在这里需要注意的是它的参数,仅仅存在none和空。
七.文本信息排序
- item1
- item2
- item3
- item4
- item5
在这里理解起来可能刚接触不太容易理解,但是我感觉之前学习了pop方法和push方法,其实这个就是那个理解起来相似,但是最后的显示的信息还是打不同的,仅限于理解上面,
八.form表单
在这里需要注意的获取form表单中的元素的value的使用和name的使用,实现单击事件可以写在html的外边,可以添加onload事件,可以使用上面的方法即可,嘿嘿。
九.通过一个按钮触发事件获取另一个按钮触发事件
十.创建新元素
十一.通过页面加载事件打开一个网页
第一个DOM
十二.onfocus与onblur的使用
学习了这些实例,其实要自己直接写估计还是挺为难的,感觉还是不能自己写下来吧,不过我会更多的练习的,每次在学习做实例的时间都是非常兴奋,可以把前面学习的所有的很乱的知识使用上啦,感觉它终于有用啦,原来是实现这个功能的,就写到这里啦,发现过啦昨天好久啦,要睡觉啦,嘿嘿。