20151209小问题

---

1. js里的return false,preventDefault(),stopPragation()的区别

因为有监听事件和浏览器的默认行为等,所以有时我们为了达到想要的效果,会阻止事件和浏览器的默认行为,这时经常会用到return false,preventDefault()或stopPropagation().

概念:

监听事件,在节点上能被监听的页面操作.如select节点的change事件,a节点的click事件.

浏览器的默认行为,指浏览器页面上某些元素带有的特定功能.如点击a链接的跳转动作,表单提交动作.

stopPragation()

因为事件可以在层级的节点中传递,如果页面上有一个浮动弹出层,在最上面,我们想点击弹出层以外区域,隐藏弹出层.为了达到这种效果,我们一般会监听documentElement的click事件,一旦事件被触发即隐藏弹出层.

但是这里有一个问题,如果用户在弹出层点击时,显然不希望这时弹出隐藏,但因为事件的冒泡传递,会从弹出层一层层传递到最外面的document上,这时documentElement的click事件就会被触发,使这里弹出层隐藏.我们怎么阻止它这种冒泡行为呢,这时就可以使用stopPragation().

event.stopPragation():阻止触发事件的元素向上传递事件

preventDefault()

见名知义,preventDefault()是用来阻止默认行为的,如果页面上有一个a链接,点击时跳转到链接地址的网页上,如果我们只想点击时触发点击事件,不希望页面跳转,这时就可以使用preventDefault()来阻止

event.preventDefault():阻止触发事件的元素的默认动作

return false;

return false;语句即阻止了元素的默认动作又阻止了触发事件时元素的向上传递(冒泡)事件.

详细介绍:http://www.cnblogs.com/wang_yb/archive/2013/04/11/3014767.html

---

2.如何将网页下载到本地

如果在浏览网页时看到一个比较赞的效果,想把整个网页下载下来,我们可以在页面上鼠标右键,"另存为",在弹出的对话框里将"保存类型"选择为"网页,全部".

这样保存下来的一般是一个网页和一个文件夹,打开这个网页跟我们在联网看到的是一样的,只不过现在已经在我们本地文件里了,文件夹里有页面图片,css文件和js文件等.可以方便我们进行后续的研究.

---