JS：1.6，事件（Event）（onclick,...-IE6 margin-left出现两倍像素-Javascript 作用域与this的用法

当前位置: 编程技术>WEB前端

本页文章导读:

▪JS：1.6，事件（Event）（onclick,onchange,onload,onunload,onfoucs,onblur,onselect,onmuse） ylbtech-Event:事件(Event)对象事件(Event)HTML 4.0 事件属性onclickonchangeonloadonunloadonselectonmouseonfoucs-onblurcheckbox-onclickJS：1.6.0，事件(Event)返回顶部HTML标记事件当....时候触发此事件<A>onClick用户点击.........

▪IE6 margin-left出现两倍像素在IE6下（标准模式/怪异模式）一个元素向左浮动(float:left)，且添加了向左空白边(margin-left:10px)，那么会自动的加一倍变成30px。例：<!DOCTYPE HTML><html> <head> <meta.........

▪Javascript 作用域与this的用法 1 现象 Js代码: ......

[1]JS：1.6，事件（Event）（onclick,onchange,onload,onunload,onfoucs,onblur,onselect,onmuse）

来源: 发布时间: 2013-10-22

ylbtech-Event:事件(Event)对象

事件(Event)
HTML 4.0 事件属性
onclick
onchange
onload
onunload
onselect
onmouse
onfoucs-onblur
checkbox-onclick

JS：1.6.0，事件(Event)返回顶部

HTML标记事件当....时候触发此事件<A>onClick用户点击超链接onMouseOver鼠标移动到超链接上边onMouseOut鼠标离开超链接<AREA>onMouseOver鼠标移动到图片 map 区域上边 onMouseOut鼠标离开图片 map 区域<BODY>onBlur包含这个页面的窗口 window 或帧 frame 失去焦点的时候onFocus包含这个页面的窗口 window 或帧 frame 获得焦点的时候onLoad这个页面下载完成的时候onUnload退出这个页面的时候<FORM>onReset按下 RESET (重置) 按钮的时候onSubmit按下 SUBMIT (提交) 按钮的时候<IMG>onAbort下载图片的过程被用户手动停止的时候onLoad图片下载完成的时候onError在客户端接收图片时有错误发生<INPUT> with
TYPE="BUTTON"
或 "CHECKBOX"
或 "RADIO"
或 "RESET"onClick鼠标点击时候<INPUT> with
TYPE="TEXT"
或 <TEXTAREA>onBlur获得焦点的时候onChange输入框/文本框中的文本被改变的时候onFocus获得焦点的时候onSelect输入框/文本框中的文本被选中 (高亮显示) 的时候<INPUT> with
TYPE="SELECT"onBlur失去焦点的时候onChange用户改变了下拉列表框中的选择onClick用户使用鼠标点击的时候onFocus获得焦点的时候

JS：1.6.0.1,HTML 4.0 事件属性返回顶部

HTML 4 的新特性之一是可以使 HTML 事件触发浏览器中的行为，比方说当用户点击某个 HTML 元素时启动一段 JavaScript。

在现代浏览器中都内置有大量的事件处理器。这些处理器会监视特定的条件或用户行为，例如鼠标单击或浏览器窗口中完成加载某个图像。通过使用客户端的 JavaScript，可以将某些特定的事件处理器作为属性添加给特定的标签，并可以在事件发生时执行一个或多个 JavaScript 命令或函数。

事件处理器的值是一个或一系列以分号隔开的 Javascript 表达式、方法和函数调用，并用引号引起来。当事件发生时，浏览器会执行这些代码。例如，当您把鼠标移动到一个超链接时，会启动一个 JavaScript 函数。支持 JavaScript 的浏览器支持 <a> 标签中的一个特殊的 "mouse over"事件处理器 - 被称为 onmouseover 来完成这项工作：

下面的表格提供了标准的事件属性，可以把它们插入 HTML/XHTML 元素中，以定义事件行为。

窗口事件 (Window Events)

仅在 body 和 frameset 元素中有效。

属性值描述onload脚本当文档载入时执行脚本onunload脚本当文档卸载时执行脚本

表单元素事件 (Form Element Events)

仅在表单元素中有效。

属性值描述onchange脚本当元素改变时执行脚本onsubmit脚本当表单被提交时执行脚本onreset脚本当表单被重置时执行脚本onselect脚本当元素被选取时执行脚本onblur脚本当元素失去焦点时执行脚本onfocus脚本当元素获得焦点时执行脚本

图像事件 (Image Events)

该属性可用于 img 元素：

属性值描述onabort脚本当图像加载中断时执行脚本

键盘事件 (Keyboard Events)

在下列元素中无效：base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, 以及 title 元素。

属性值描述onkeydown脚本当键盘被按下时执行脚本onkeypress脚本当键盘被按下后又松开时执行脚本onkeyup脚本当键盘被松开时执行脚本

鼠标事件 (Mouse Events)

在下列元素中无效：base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style, title 元素。

属性值描述onclick脚本当鼠标被单击时执行脚本ondblclick脚本当鼠标被双击时执行脚本onmousedown脚本当鼠标按钮被按下时执行脚本onmousemove脚本当鼠标指针移动时执行脚本onmouseout脚本当鼠标指针移出某元素时执行脚本onmouseover脚本当鼠标指针悬停于某元素之上时执行脚本onmouseup脚本当鼠标按钮被松开时执行脚本

JS：1.6.1,onclick事件返回顶部

[2]IE6 margin-left出现两倍像素

来源: 发布时间: 2013-10-22

在IE6下（标准模式/怪异模式）

一个元素向左浮动(float:left)，且添加了向左空白边(margin-left:10px)，那么会自动的加一倍变成30px。

例：

<!DOCTYPE HTML>

<html>

<head>

<title>IE6双空白边Bug</title>

</head>

<body>

<div >

IE6双空白边bug

</div>

</div>

</body>

</html>

解决方法：

给div[id=d1]加：display:inline,当然只针对IE6一下，可以使用下划线加属性-display:inline，这样只有IE6能识别了。
边距翻倍只有当元素的边距碰到包含块时才发生。当一个元素被浮动到另一个浮动元素时不会翻倍。另marginTop和marginBottom都不会翻倍。

本文链接

[3]Javascript 作用域与this的用法

来源: 互联网发布时间: 2013-10-22

1 现象

Js代码:

var list=[1,2,3];

function show(){

document.write("list :"+list+"</br>");

if(typeof list=="undefined"){

var list = [1];

// alert("Function show："+list.length);

document.write("Function show:"+list.length+"</br>");

document.write("this list:"+this.list.length+"</br>");

document.write(this.list===window.list);// true

}

show();

</SCRIPT>

运行结果：

list :undefined
Function show:1
this list:3
true

2分析

首先Global对象的中创建list数组，这个list在浏览器里面的宿主环境也就是window对象。从运行结果我们看到函数show() 里面的list对象添加到了函数环境，而不能说是覆盖，因为window.list依然没变，全局环境的Global有自己的list对象，函数只是他的属性或者方法，函数里的list对象与Global的对象不同。调用show() 是在全局环境调用即是window环境，所以show()方法里面的this指向的是window.

3 脚本引擎的活动

在请求调用一个函数的时候，脚本引擎会先出场，然后再去调用脚本引擎的代码。脚本引擎到底做了什么事情呢。运行结果我们看到 list :undefined 而经过前面分析 list 不是window的对象。先这一段代码

下段参考自站长网http://www.software8.co/wzjs/Javascript/2536.html