春雨_Yang

获取浏览器宽高的JS代码

摘要： 1 var clientW=document.documentElement.clientWidth||document.body.clientWidth//取浏览器可见区域的宽;2 var clientH=document.documentElement.clientHeight||document.body.clientHeight; 阅读全文

posted @ 2011-10-14 23:14 春雨_Yang 阅读(147) 评论(0) 推荐(0)

摘要： var Odiv = document.getElementsByTagName("div") for(var i=0;i<3;i++){ Odiv[i].onclick = function(){alert(i)} }//当点击Odiv[i]的时候，alert(i)弹出来的是3，因为当这个方法运行时循环已经循环完毕内部的方法使用外部的变量，会以外部变量最后一个值为准。//Odiv[i]是for循环就运行，alert(i)：是定义了没运行，onclick的时候才运行，所以alert弹出5//匿名方法：（）（）第一个（）是定义方法，第二个()是运行方解决以上问题的办法阅读全文

posted @ 2011-10-14 11:18 春雨_Yang 阅读(140) 评论(0) 推荐(0)

弹出年、月、日、星期、小时、分、秒、毫秒

摘要： var myDate=new Date() var year = myDate.getFullYear()//年 month = myDate.getMonth()+1//月份 date = myDate.getDate()//日 day = myDate.getDay()+1//星期 hours = myDate.getHours()//小时 minute = myDate.getMinutes()//分钟 second = myDate.getSeconds()//秒 seconds = myDate.getMilliseconds()//毫秒 getime = myDa... 阅读全文

posted @ 2011-10-13 11:30 春雨_Yang 阅读(217) 评论(0) 推荐(0)

清除默认样式

摘要： body, ul, li, h1, h2, h3, h4, h5, h6, p, form, dl, dt, dd { margin: 0px; padding: 0px; font-size: 12px; font-weight: normal; }ul { list-style: none; }img { border-style: none; } 阅读全文

posted @ 2011-10-10 16:26 春雨_Yang 阅读(210) 评论(0) 推荐(0)

css-IE6的3像素bug(当浮动元素与非浮动元素相邻时)

摘要： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; c 阅读全文

posted @ 2011-10-10 14:18 春雨_Yang 阅读(597) 评论(0) 推荐(0)

css

摘要：将行内元素转换为块级元素：display:block将块级元素转换为行内元素：display:inline盒子原理：当一个盒子有margin padding border时给这个盒子填充背景色时在ie6里border是填充不上背景色的。标准流( 阅读全文

posted @ 2011-10-08 17:43 春雨_Yang 阅读(183) 评论(0) 推荐(0)

偷来的笔记---事件

摘要：第十一讲事件一、事件个体二、事件整体若调用方法，方法里不传参数，在标准浏览器里，会自动指定参数（浏览器的事件对象），此事件对象e包含：鼠标位置，键盘的按键，此事件发生在哪个HTML元素上，当前的事件是什么事件没有整体捕获事件，只能单独捕获键盘或鼠标...e.clientX //鼠标X轴位置e.target //触发到哪个元素，对于块级元素，js可以识别，如果是行内元素，则判断不出类型(可以用e.target.tagName)e.type //事件类型（单击，双击...）e.keyCode //按键值回车-13；shift-16；ctrl-17；alt-18；左上右下-37 38 39 40 阅读全文

posted @ 2011-09-27 15:50 春雨_Yang 阅读(237) 评论(0) 推荐(0)

整体事件与个体事件

摘要：一、事件处理的浏览器兼容性问题标准浏览器使用虚参数e,IE使用 window.event，如果在html代码中写onclick="fn(event)"必须使用fn关键字。语法： e = e|| window.event 1 var oDiv = document.getElementById("div1")2 oDiv.onclick=fn3 function fn(e){4 var e=e||window.event//处理浏览器兼容性的问题，e:标准浏览器传进来的虚参数，window.event是IE5 var target = e... 阅读全文

posted @ 2011-09-26 17:58 春雨_Yang 阅读(304) 评论(0) 推荐(0)

将事件写在html中就能执行整体事件，写在js里为什么不能执行？

摘要： <body> <div id="div1" onclick="fn(event)" style="width:200px; height:200px; background-color:#0CC"> 1111 </div> </body> </html> <script type="text/javascript"> var oDiv = document.getElementById("div1") function fn 阅读全文

posted @ 2011-09-26 16:41 春雨_Yang 阅读(3001) 评论(0) 推荐(0)

关于onclick事件中的方法

摘要：在html代码中 onclick="fn()"相当于在js中这样写odiv.onclick = function(){fn()}fn()来这里是帮忙的*************************************************odiv.onclick=fn这样就相当于fn嫁给了odiv.onclick函数在定议它们的作用域中运行，而不是调用它们的作用域中运行。阅读全文

posted @ 2011-09-22 23:17 春雨_Yang 阅读(373) 评论(0) 推荐(0)

导航

公告