大约1年前 - 2个评论
原创文章,转载请注明: 转载自庆亮的博客-webgame架构 本文链接地址: Javascript 修改与获得style 当我们不使用框架时, 经常使用如下的方法修改某个元素的样式. document.getElementById('test').style.color = 'red'; document.getElementById('test').style.left = '15px'; 基本上每个css属性, javascript都有一个对应的style键名对应, 如 top, font, 对于css中的带有 - 的属性如font-size等, 则改成驼峰命名式即可. 例: document.getElementById('test').style.fontSize = '14px'; 记住, 写上px这样的单位是个好习惯, 因为在某些css模式下, 不写单位, 浏览器会因为不知道具体的单位标准而不做任何事情. 在读取时, 使用style属性就不见得一定有用了. 如下面的两端代码: 代码一: <script type="text/javascript"> alert(document.getElementById('test').sytle.left); </script> <style type="text/css"> #test {left: 10px; position:absolute;} </style> 代码二: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Untitled Document</title> <script type="text/javascript"> alert(document.getElementById('test').sytle.left); </script> </head> <body> <div id="test" style="left:10px; position:absolute;"></div> </body> </html> 第一段代码弹出空, 第二段代码弹出10px. 那么如果需要读取一个元素的某些属性呢, 如margin, left等呢? 有两种方式: 1. currentStyle(IE Only) 2. window.getComputedStyle() [W3C标准, Mozilla和Opera支持]. 代码一: document.getElementById('test').currentStyle.left; 代码二: var x = document.getElementById('test'); alert(window.getComputedStyle(x,null).color); 更多内容请参考<<ppk谈JavaScript>>
大约1年前 - 没有评论
原创文章,转载请注明: 转载自庆亮的博客-webgame架构 本文链接地址: FF和IE对js保留字class的支持 ff支持 var class(只测试了class), 而ie则不支持这样的写法. 备忘. js关键字和保留字列表 1. 关键字 break, case, catch, continue, default, delete, do, else, finally , for, function, if, in, instanceof, new, return, switch, this, throw, try, typeof, var, void, while, with 2. 保留字 abstract boolean byte char class const debugger double enum export extends fimal float goto implements import int interface long mative package private
大约1年前 - 没有评论
原创文章,转载请注明: 转载自庆亮的博客-webgame架构 本文链接地址: 自己写的日期联动菜单 <!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-8" /> <title>Untitled Document</title> <script type="text/javascript"> var yearBegin = 1900; var today = new Date(); var yearEnd = Number(today.getFullYear()); var monthDays = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; var monthDaysP = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; window.onload = function init() { initYear(); initMonth(); initDay(); } function writeDate(year, month, day)// { if (year < yearBegin) { year = yearBegin; } else if (year > yearEnd) { year = yearEnd; } if (month >12 || month <1) { month = 1; } //做个日期合法检查 if (IsPinYear(year)) { if (monthDaysP[month-1] < day) { day = monthDaysP[month-1]; } } else { if (monthDays[month-1] < day) { day = monthDays[month-1]; } } var yearObj = document.getElementById(‘year’); var monthObj = document.getElementById(‘monthSelect’); var dayObj = document.getElementById(‘daySelect’); yearObj.selectedIndex = year - yearBegin; monthObj.selectedIndex = month-1;