####一、addEventListener的使用方式:
>target.addEventListener(type, listener, useCapture);
>target: 文档节点、document、window 或 XMLHttpRequest。
type: 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。
listener :实现了 EventListener 接口或者是 JavaScript 中的函数。
useCapture :是否使用捕捉,一般用 false 。例如:document.getElementById("testText").addEventListener("keydown", function (event) { alert(event.keyCode); }, false);
######格式
*element*.addEventListener(*event*, *function*, *useCapture*)
|参数 |描述|
| :-------- | --------:| :--: |
|*event*|必须。字符串,指定事件名。**注意:** 不要使用 "on" 前缀。 例如,使用 "click" ,而不是使用 "onclick"。 **提示:** 所有 HTML DOM 事件,可以查看我们完整的 [HTML DOM Event 对象参考手册](http://www.runoob.com/jsref/dom-obj-event.html)。
|*function*|必须。指定要事件触发时执行的函数。 当事件对象会作为第一个参数传入函数。 事件对象的类型取决于特定的事件。例如, "click" 事件属于MouseEvent(鼠标事件) 对象。|
|*useCapture*|可选。布尔值,指定事件是否在捕获或冒泡阶段执行。可能值:true - 事件句柄在捕获阶段执行false- false- 默认。事件句柄在冒泡阶段执行|
####二、IE中:
>target.attachEvent(type, listener);
target: 文档节点、document、window 或 XMLHttpRequest。
type: 字符串,事件名称,含“on”,比如“onclick”、“onmouseover”、“onkeydown”等。
listener :实现了 EventListener 接口或者是 JavaScript 中的函数。 例如:document.getElementById("txt").attachEvent("onclick",function(event){alert(event.keyCode);});
>W3C 及 IE 同时支持移除指定的事件, 用途是移除设定的事件, 格式分别如下:
>>#####W3C格式:
>>removeEventListener(event,function,capture/bubble);
>>#####Windows IE的格式如下:
>>detachEvent(event,function);
####三、Javascript获取浏览器地址栏url
####1, window.location.href
整个URl字符串(在浏览器中就是完整的地址栏)
本例返回值: http://www.x2y2.com:80/fisker/post/0703/window.location.html?ver=1.0&id=6#imhere
####2,window.location.protocol
URL 的协议部分
本例返回值:http:
####3,window.location.host
URL 的主机部分
本例返回值:www.x2y2.com
####4,window.location.port
URL 的端口部分
如果采用默认的80端口(update:即使添加了:80),那么返回值并不是默认的80而是空字符
本例返回值:""
####5,window.location.pathname
URL 的路径部分(就是文件地址)
本例返回值:/fisker/post/0703/window.location.html
####6,window.location.search
查询(参数)部分
除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值
本例返回值:?ver=1.0&id=6
####7,window.location.hash
锚点
本例返回值:#imhere