ie | 易学教程

[2B][尝鲜] selenium webdriver

阅读更多关于 [2B][尝鲜] selenium webdriver

STEP0: 搭环境最头疼的还是各工具，软件版本的兼容性问题。暂不罗列遇到的问题了，直接把自己的工具版本贴出来： IEDriverServer_Win32_2.38.0.zip 解压到可以运行 cmd的任何目录 Firefox 24.0 链接 (46.0.1版本)其webdriver在selenium的安装目录下如： C:\Python27\Lib\site-packages\selenium\webdriver\firefox\webdriver.xpi 安装时直接将其拖入firefox下即可安装。 Selenium 2.41.0 使用pip安装 C:\Users\Administrator>pip list pip (1.4.1) pypm (1.4.0) pythonselect (1.3) pywin32 (218.3) selenium (2.41.0) setuptools (1.1) virtualenv (1.10.1) wsgiref (0.1.2) Python2.7 active python STEP1:安装pip 下载，并运行 https://raw.github.com/pypa/pip/master/contrib/get-pip.py STEP2:安装active python 2.7 http://www.activestate.com

ActiveXObject in Firefox or Chrome (not IE!)

阅读更多关于 ActiveXObject in Firefox or Chrome (not IE!)

ActiveX is only supported by IE - the other browsers use a plugin architecture called NPAPI . However, there's a cross-browser plugin framework called Firebreath that you might find useful. http://stackoverflow.com/questions/7022568/activexobject-in-firefox-or-chrome-not-ie 但是chrome和firefox均宣布以后不再支持NPAPI，替代方案是Native Client： https://developer.chrome.com/native-client 项目地址： https://code.google.com/p/nativeclient/ 但是NACL目前还不支持IE 。在Windows下搭建NaCl开发平台 ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// Firebreath解决方法： https:/

attachEvent、addEventListener、detachEvent、removeEventListener

阅读更多关于 attachEvent、addEventListener、detachEvent、removeEventListener

属于DOM attachEvent、addEventListener添加事件到对象 detachEvent、removeEventListener注销对象事件 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JS</title> </head> <body> <input id="para" type="text" /> <script type="text/javascript"> function test(){ alert("test"); } function pig(){ alert("pig"); } window.onload = function(){ var element = document.getElementById("para"); if(element.addEventListener){ // firefox , w3c element.addEventListener("focus",test,false); element

JavaScript 事件监听, 事件冒泡, 事件捕获, 阻止默认的事件

阅读更多关于 JavaScript 事件监听, 事件冒泡, 事件捕获, 阻止默认的事件

目录目录 JS事件函数的调用事件处理机制 IE只支持事件冒泡捕获冒泡事件监听移出事件句柄原生JS有兼容阻止事件的默认行为阻止事件的传播阻止事件冒泡其他值得注意的是事件冒泡, 事件捕获, 阻止默认的事件 —这3者密不可分 JS事件函数的调用 : 1.直接调用: 函数名() :demo(); 2.在标签内通过事件调用: 事件="函数名()" :onclick="demo()"; 事件处理机制 :（IE只支持事件冒泡） http://www.jb51.net/article/42492.htm 事件传递：捕获、目标、冒泡三个阶段冒泡型事件: IE6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html -> document -> window 捕获型事件：事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定)。 DOM事件流：同时支持两种事件模型：捕获型事件和冒泡型事件，但是，捕获型事件先发生。两种事件流会触及DOM中的所有对象，从document对象开始，也在document对象结束。 DOM事件模型最独特的性质是，文本节点也触发事件(在IE中不会)。简而言之：事件捕获当你使用事件捕获时

js event对象整理及详细介绍

阅读更多关于 js event对象整理及详细介绍

这篇文章主要介绍了JavaScript event对象整理及详细介绍的相关资料,需要的朋友可以参考下 Event属性和方法： 1. type：事件的类型，如onlick中的click； 2. srcElement/target：事件源，就是发生事件的元素； 3. button：声明被按下的鼠标键，整数，1代表左键，2代表右键，4代表中键，如果按下多个键，酒把这些值加起来，所以3就代表左右键同时按下；（firefox中 0代表左键，1代表中间键，2代表右键） 4. clientX/clientY：事件发生的时候，鼠标相对于浏览器窗口可视文档区域的左上角的位置；(在DOM标准中，这两个属性值都不考虑文档的滚动情况，也就是说，无论文档滚动到哪里，只要事件发生在窗口左上角，clientX和clientY都是 0，所以在IE中，要想得到事件发生的坐标相对于文档开头的位置，要加上 document.body.scrollLeft和 document.body.scrollTop) 5. offsetX,offsetY/layerX,layerY：事件发生的时候，鼠标相对于源元素左上角的位置（这一定要定义position:relative;，值可以是fixed absolute relative这几种）； 6. x,y/pageX,pageY：检索相对于父要素鼠标水平坐标的整数； 7.

10.JS-事件监听的注册与移除

阅读更多关于 10.JS-事件监听的注册与移除

addEventListener() 方法：语法： element.addEventListener(event, function, useCapture); 第一个参数是事件的类型 (如 "click" ). //这里的事件句柄是不带on的第二个参数是事件触发后调用的函数。第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。默认为false。优点：该方法同时支持事件处理的捕获和冒泡阶段。事件阶段取决于addEventListener最后的参数设置：false (冒泡) 或 true (捕获)。在事件处理函数内部，this关键字引用当前元素。事件对象总是可以通过处理函数的第一个参数(e)捕获。可以为同一个元素绑定你所希望的多个事件，同时并不会覆盖先前绑定的事件缺点： IE不支持，必须使用IE的attachEvent函数替代。 attachEvent() 方法：语法： element.attachEvent (event, function); 第一个参数是事件的类型 (如 "onclick"). //这里的事件句柄是带on的第二个参数是事件触发后调用的函数。注意：此方法只有冒泡阶段。通过事件监听方式注册事件非IE：元素对象.addEventListener(不带on的事件句柄，事件处理函数，事件流顺序默认flase) IE：元素对象

HTML+css整理笔记

阅读更多关于 HTML+css整理笔记

HTML+CSS 一、元素 1. <html> HTML 文件 </html> 2. <head> 头 </head> 详见 : 二 mata 用法和属性及外部文件引入 3. <title> 标题 </title> 4. <meta /> 详见 : 二 mata 用法和属性 5. <body> 主体 </body> 插入背景图片详见 : 三 img 用法和属性及背景图 6. <h1> 标题 </h1> : 标题取值1-6, 1字体最大,6字体最小; 7. <b> 粗体 </b>: 粗体 ; 8. <i> 斜体 </i>: 斜体; 9. <u> 下划线 </u>: 下划线 ; 10. <em> 斜体强调 </em>: 斜体强调; 11. <strong> 粗体强调 </strong>: 粗体强调; 12. <font> 字体 </font>: 字体; 13. <p> 段落 </p>: 段落; 14. <button> 按钮 </button> : 按钮; 15. <pre> 原格式输出 </pre> : 原格式输出; 16. <br/> : 换行; 17. <hr/> : 水平线; 18. <img /> : 插入图片; 详见 : 三 img 用法和属性及背景图 19. <embed> 视频音乐 </embed> : 插入视频音乐; 详见 : 四 embed 用法和属性 20.

CSS !important

阅读更多关于 CSS !important

这是因为IE对盒之间距离的解释的bug造成的. !important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权(参见：W3.org的解释)。语法格式{ sRule!important },直接写在定义的最后面，如： p{color:green !important;} 注意：IE一直都不支持这个语法，而其他的浏览器都支持。因此我们就可以利用这一点来分别给FF和IE浏览器样式定义。 <html> <head> <style type="text/css"> #box { height:30px!important; height:18px; border:1px solid #000 } </style> </head> <body> <span id="box">!important</span> </body> </html> 在Mozilla中浏览时候，能够理解!important的优先级，因此显示height:30px;的高度。在IE中浏览时候，不能够理解!important的优先级，因此显示height:18px;的高度。利用!important，我们可以针对IE和IE以外浏览器设置不同的样式，只要在IE以外浏览器样式的后面加上!important。请记住!important、掌握!important、并合理的加以利用!important

鼠标滚轮事件onmouewheel

阅读更多关于鼠标滚轮事件onmouewheel

鼠标滚轮事件onmouewheel 1. onmouewheel 事件触发条件：当鼠标滚轮向上或者向下滚动时用法： document.onmousewheel = function() { } 兼容性问题： IE 和 chrome 都支持 onmouewheel , 火狐浏览器不支持，只支持自己的 DOMMouseScroll，而且火狐浏览器绑定事件只能使用dom2级绑定事件 document.addEventListener("DOMMouseScroll", function() { console.log(222) }) 2. onmouewheel事件中获取鼠标滚动方向兼容性问题： IE 和 chrome都支持event.wheelDelta,火狐浏览器不支持，只支持自己的 event.detail 用法： ① IE 和 Chrome ：使用 event.wheelDelta 查看鼠标滚轮方向向下滚动: 为负一般是-120的倍数倍数表示速度向上滚动: 为正一般是120的倍数倍数表示速度 ② 火狐浏览器：使用event.detail查看鼠标滚轮方向向下滚动: 为正一般是3的倍数倍数表示速度向上滚动: 为负一般是-3的倍数倍数表示速度 <!DOCTYPE html> <html lang="en"> <head> <meta charset=

前端 PC端兼容性问题总结

阅读更多关于前端 PC端兼容性问题总结

1.如果图片加a标签在IE9-中会有边框　　解决方案: img{border:none;} 2.rgba不支持IE8 　　解决方案:可以用 opacity 　　 eg: opacity:0.7; /* FF chrome safari opera */ filter:alpha(opacity:70); /* 用了ie滤镜,可以兼容ie */ 　但是,需要注意的是,opacity会影响里面元素的透明度 3. display:inline-block ie6/7不支持　　解决方案: display:inline-block; *display:inline; 4.默认的body没有body去掉margin情况下ie5、6、7边缘会很宽margin-top加倍如果处于无声明状态那么所有的ie浏览器margin-top加倍　　解决方案:用css给body添加magin属性为0px body{margin:0;} 5.IE 6.0 Firefox Opera等是真实宽度=width padding border 　IE5.X 真实宽度=width 　　解决方案: 　　方法1. div.content { 　　width : 400px ; //这个是错误的width(对于ie5来说是正确的），所有浏览器都读到了　　voice-family : "\" } \""; //IE5

订阅 ie