摘要: 我不是一个脑子灵光的人,所以学东西忘得快。姑且记录下来,以后方便温故知新。当然,内容中加入了我的一些理解与标注,如有不准之处,还望及时指出,一块提高。鼠标事件的坐标位置的类型其实无非就是以下几种相对于客户端浏览区域的坐标(客户区坐标)相对于整个文档中的坐标(文档绝对坐标)相对于屏幕的坐标(屏幕坐标)相对于触发事件的元素所在的层级关系中最近的具有position相关/绝对定位的容器的坐标我这里讨论的是第二种,相对于网页文档中的绝对坐标,即以页面左上角为参照点,横轴水平向左,纵轴垂直向下的二维坐标的值。文档绝对坐标是经常会用到的,不推荐只使用客户区坐标。为什么呢?这里主要是考虑到鼠标在页面上移动时 阅读全文
posted @ 2012-09-29 14:33 evilfox 阅读(1009) 评论(0) 推荐(0) 编辑
摘要: IE版本不动,有些地方的css表现也不同。为了hack,有时候需要用到版本判断。经典的hack是使用型号*下横线_感叹号!加属性来做的(详见文章CSShack,区分IE6,IE7,Firefox),不过感觉比较麻烦。还有一种是直接用条件语句来写的,见下文:IE8出到现在还没敢装,前些天下载了个Xenocode Browser Sandbox安装了下,发现之前一直用的一个纯CSS横向导航的水平居中出了问题,在IE8下完全居左了。找了很久没发现问题所在,索性每份CSS分开 屏蔽,最终确定是针对IE的CSS问题,得避掉IE8只对IE7及以下版本设置。之前只是针对所有的IE浏览器:<!--[if IE 阅读全文
posted @ 2012-09-25 14:33 evilfox 阅读(477) 评论(0) 推荐(0) 编辑
摘要: 网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);网页正文全文宽: document.body.scrollWidth;网页正文全文高: document.body.scrollHeight;网页被卷去的高: document.body.scrollTop;网页被卷去的左: document.body.scrollLeft;网页 阅读全文
posted @ 2012-09-23 09:50 evilfox 阅读(192) 评论(0) 推荐(0) 编辑
摘要: 宽度:window.innerWidth高度:window.innerHeight以上是遵循W3C的标准来获取,但是这在IE9版本下的浏览器中却返回undefined。解决方法:宽度:document.documentElement.clientWidth高度:document.documentElement.clientHeight这是非标准但却得到了很好的浏览器支持。 阅读全文
posted @ 2012-09-18 12:40 evilfox 阅读(224) 评论(0) 推荐(0) 编辑
摘要: JavaScript:void(0)“JavaScript:”表示后面的语句用JavaScript去执行,void(0)是一个函数,表示什么也不返回。这主要用来防止a 标签的浏览器默认行为:跳转。例:如果是:<a href="#">Click Me</a>的话,那就浏览器有自动跳转到锚#top,也就是返回到页面的顶端了。但是<a href="javascript:void(0)" >Click Me</a> ,就取消了浏览器的默认行为。 阅读全文
posted @ 2012-09-08 11:10 evilfox 阅读(3253) 评论(0) 推荐(0) 编辑
摘要: <!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><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2012-09-04 12:09 evilfox 阅读(617) 评论(0) 推荐(0) 编辑
摘要: var menu = new ContextMenu();var item1 = new ContextMenuItem("ActionScript 3.0");var item2 = new ContextMenuItem("JavaScript",true,false);var item3 = new ContextMenuItem("HTML",false,false);var item4 = new ContextMenuItem("点击访问百度",true);var item5 = new Context 阅读全文
posted @ 2012-09-03 23:21 evilfox 阅读(378) 评论(0) 推荐(0) 编辑
摘要: Microsoft Internet Explorer:C:\Users\您的用户名\AppData\Local\Microsoft\Windows\Temporary Internet Filesor : 打开浏览器 - 工具 - Internet选项 - 常规 - 设置 - 网站数据设置 - Internet临时文件- 查看文件Mozilla Firefox:浏览器地址栏中输入 about:cache ,点击“List Cache Entries”就能看到文件的列表了Google Chrome:浏览器地址栏中输入 about:cache,或者输入chrome://cacheOpera:浏览 阅读全文
posted @ 2012-09-03 12:41 evilfox 阅读(3268) 评论(0) 推荐(1) 编辑
摘要: <!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><meta http-equiv="Content-Type" content="text/html; charset=utf- 阅读全文
posted @ 2012-09-02 16:45 evilfox 阅读(502) 评论(0) 推荐(0) 编辑
摘要: 10进制转换成其他的都是除以要转换成的那个数,也就是说转换成二进制的就除以2,转换成八进制的就除以8,转换成十六进制的就除以16,然后倒取余数。具体例题如下10---2:把20转换成二进制20/2=10..........余数为010/2=5...........余数为05/2=2............余数为12/2=1............余数为01/2=0............余数为1则20换成二进制后是1010010---8:把20转换成八进制20/8=2...........余数为42/8=0............余数为2则20转换成八进制后是2410---16:把20转换成十 阅读全文
posted @ 2012-08-31 17:22 evilfox 阅读(652) 评论(0) 推荐(0) 编辑