Tag Archives: javascript
JavaScript日期下拉菜单
百度知道有人提问： 如题： 有三个下拉列表，分别为年，月，日。年和月的好实现，循环即可。但是天数却要根据年和月来定。循环次数要看条件。 怎样实现这样的代码。 期待解决…… 于是就花了一下午的时间弄了一个： <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.||g/TR/xhtml1/DTD/xhtml1-transitional.dtd”><html xmlns=”http://www.w3.||g/1999/xhtml”><head><meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /><title>JavaScript年月日下拉菜单</title></head> <body><div id=”cc”><h1><a href=”">JavaScript年月日下拉菜单</a></h1></div><div id=”date_select||”> <select id=”year”> </select>年 <select id=”month”> </select>月 <select id=”day”> </select>日</div><script>//code by tunpishuang at gmail dot com//2009.12.23yearList=document.getElementById(“year”);monthList=document.getElementById(“month”);dayList=document.getElementById(“day”);date={ init:function(fromYear,toYear,fromMonth,toMonth) { date.genYear(fromYear,toYear); date.genMonth(fromMonth,toMonth); if(window.addEventListener) { yearList.addEventListener(‘change’,date.genDay,false); monthList.addEventListener(‘change’,date.genDay,false); } else { yearList.attachEvent(‘onchange’,date.genDay); monthList.attachEvent(‘onchange’,date.genDay); } }, isLeapYear:function(year) { if ((year%400==0) || (year%100!=0) && (year%4==0)) { return 1; } else return 0; }, genYear:function(from,to) { //generate year if(from > … Continue reading
javascript 查找select里面option的值
有个任务，给个公司系统的“人员定岗”加入“人员查找”功能。 这个功能的界面如上图，左边的组织结构树，中间的一个id为left的select是该部门职位下的人员，右边是一个id为right的select，是整个组织的全部人员。可以对left里面的人员进行添加、删除、编辑，这就是“人员定岗”的大致功能。 但是有个缺点，right列表里面的人员多了（比如几千甚至上万）就不好快速的找到需要的人。 所以加入了查找功能。 首先在插入一个文本框和按钮 <input type="text" id="search_input" size="15" value="输入名字查找员工" onFocus="this.value='' " name="B2" /> <input type="button" id="search_btn" value=" 查找 " onClick="search()" name="B2" class="btn2" /> <br /> 然后是我写了3个小时的50行js代码加入页面头部的script标签中： firstTime=1;//第一次点“查询” function search() { if(firstTime) //如果是第一次点“查询” { //将完整的人员列表每个option的value和text保存在personText,personValue中 var search_input=document.getElementById("search_input").value; var selectedPersonText=new Array(); … Continue reading
javascript模拟掷骰子生成1到6的随机数
var diceThrow=Math.round(Math.random()*5)+1; document.write("You threw a " + diceThrow); 需要注意的是 0=< random() <1 round()四舍五入，比如round(1.4)=1 ,round(1.5)=2 ceil()总是向上取近似值，比如ceil(0.00000000001)=1 floor()总是向上取近似值，比如floor(0.9999999999999)=0
书评 how to do everything with javascript
自从一心专攻网站技术，就开始学习javascript, 学习javascript对于网站开发人员来说是极其重要的。是以后要学习的ajax,jquery,json的基础，好像是这样的，因为上面提及的三门技术我还没什么概念。 这本书从09.5.12看到09.7.3，进度很慢，原因有2。1是英文版看起吃力，2是每天无聊的课的耽搁，为了加快进度，上课的时候在psp上看。 我喜欢看电子书有两个原因，1是，这种教材式的书籍上面都有很多的例子，参照电子书写例子比看纸质书籍好，纸质书籍不好放。2是，计算机类的书籍都比较贵，买不起，除非我觉得确实很经典的，我就会买。 电子书我还是觉得html,pdf,chm格式好，最怕碰到下载的电子书格式是pdg，很多国内的出版的电子书都用的是超星扫描的，不知道是技术落后，还是故意的，pdg的清晰度让人汗颜，特别是图片，基本上是一团乱麻。 废话说完了，谈谈这本书吧，它是2003年出版的，是有点历史了，讲解主要以javascript 1.x为范例，2.0的一些新特性只是介绍性的谈讨了一下。实验环境，也就是浏览器用的是windows 98自带的那个版本的IE, 还有netscape(netscape已经在08年停止官方支持)，现已经是2009过半了，IE7,8， firefox3,3.5已经普天盖地，这样就造成了有几个例子在firefox 3.5上的无效，比如这个通过Js修改页面样式的例子，在IE8，firefox 3.5下面都无效： <!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>modify styles using javascript</title> <script language="javascript" type="text/javascript"> var textboxes = document.getElementsByTagName("input"); for … Continue reading