摘要: 用CSS可以定义ul的自定义图标list-style:url(../images/sig1.jpg);在IE和FF下都能正常显示,但chrome不兼容。最好不要用这个属性,改为在li里定义背景图片:ul: list-style:none;li: background:url(../images/sig1.jpg) no-repeat; width:120px; 阅读全文
posted @ 2012-03-10 10:47 xngeer 阅读(253) 评论(0) 推荐(0)
摘要: //获取Cookie数组function getCookie(){ var array=new Array(); var cookies=document.cookie.split(/;/g); for(var i=0;i<cookies.length;i++){ var cookie=cookies[i]; if(cookie.indexOf("=")==-1){ continue; } var name=cookie.substring(0,cookie.indexOf("=")); ... 阅读全文
posted @ 2012-03-10 10:46 xngeer 阅读(469) 评论(0) 推荐(0)
摘要: 1. 添加。输入:元素,类名 function addClass(elm,newClass){ var classes = elm.className.split(' '); var classIndex=hasClass(elm,newClass); if(classIndex==-1)classes.push(newClass); elm.className = classes.join(' '); } 2. 查找。输入:元素,类名 返回:indexfunction hasClass(elm,className){ var classes = elm.... 阅读全文
posted @ 2012-03-10 10:45 xngeer 阅读(2825) 评论(0) 推荐(0)
摘要: 找下一兄弟节点的兼容问题:FF会将空白、换行等文本信息也当做childNodes中的一员,而IE则会忽略它们,只将DOM节点当做是childNodes的一员。function getNextNode(node){ node=typeof node=="string"?document.getElementById(node):node; var nextNode=node.nextSibling; if(!nextNode)return null; if(!document.all){ //FF不识别document.all while(true){ if(nextNode 阅读全文
posted @ 2012-03-10 10:44 xngeer 阅读(520) 评论(0) 推荐(0)
摘要: 输入:函数名function addLoadEvent(func){ var oldonload=window.onload; if("function"!=(typeof window.onload)){ window.onload=func; }else{ window.onload=function(){ oldonload(); func(); } }} 阅读全文
posted @ 2012-03-10 10:44 xngeer 阅读(192) 评论(0) 推荐(0)
摘要: function getEventTarget(e){ e=window.event||e; return e.srcElement||e.target;} 阅读全文
posted @ 2012-03-10 10:43 xngeer 阅读(335) 评论(0) 推荐(0)
摘要: function setAlphaOpacity(elm,value){ elm=typeof elm=="string"?document.getElementById(elm):elm; if(document.all){ //IE elm.style.filter='alpha(opacity='+value+')'; }else{ //FF elm.style.opacity=value/100; }} 阅读全文
posted @ 2012-03-10 10:43 xngeer 阅读(2908) 评论(0) 推荐(0)
摘要: function addEventHandler(elm,eventType,handler){ elm=typeof elm=="string"?document.getElementById(elm):elm; if(elm.attachEvent){ elm.attachEvent("on"+eventType,handler); }else if(elm.addEventListener){ elm.addEventListener(eventType,handler,false); }else return false;}//绑定事件 --解决 阅读全文
posted @ 2012-03-10 10:42 xngeer 阅读(713) 评论(0) 推荐(0)
摘要: function stopPropagation(e){ e=window.event||e; if(document.all){ e.cancelBubble=true; }else{ e.stopPropagation(); }}用法:document.getElementsByTagName("li")[0].onclick=function(e){ alert("li"); stopPropagation(e);} 阅读全文
posted @ 2012-03-10 10:42 xngeer 阅读(502) 评论(0) 推荐(0)
摘要: function isNumber(s){ return !isNaN(s);}function isString(s){ return "string"==typeof s;}function isBoolean(s){ return "boolean"==typeof s;}function isFunction(s){ return "function"==typeof s;}function isNull(s){ return s==null;}function isUndefined(s){ return "und 阅读全文
posted @ 2012-03-10 10:40 xngeer 阅读(883) 评论(0) 推荐(0)
摘要: 如:给ul下的li(或li下的XX)绑定事件<ul id="ul1"> <li><span>1</span></li> <li>2</li></ul><script type="text/javascript">function addEventHandler(elm,eventType,handler){ elm=typeof elm=="string"?document.getElementById(elm):elm; if 阅读全文
posted @ 2012-03-10 10:39 xngeer 阅读(1331) 评论(0) 推荐(0)
摘要: 用函数原型实现像java bean的效果function myApp(){ this.name="co2"; this.age=23;}myApp.prototype.getName=function(){ return this.name;}myApp.prototype.setName=function(name){ this.name=name;}var app=new myApp();alert("app.name:"+app.getName()); //co2app.setName("co22");alert("a 阅读全文
posted @ 2012-03-10 10:38 xngeer 阅读(1626) 评论(0) 推荐(0)
摘要: 大体上这篇贴很简洁实用(本人喜欢把条条理理写的很漂亮的人,谢谢永福)转:PHP执行系统命令(简介及方法)在PHP中调用外部命令,可以用如下三种方法来实现:方法一:用PHP提供的专门函数(四个):PHP提供4个专门的执行外部命令的函数:exec(), system(), passthru(), shell_exec()1)exec()原型: string exec ( string $command [, array &$output [, int &$return_var ]] ) 说明: exec执行系统外部命令时不会输出结果,而是返回结果的最后一行。如果想得到结果,可以使用 阅读全文
posted @ 2012-03-10 10:37 xngeer 阅读(1442) 评论(0) 推荐(0)
摘要: PHP substr strpos$pos=strpos("12345", "3");$substring=substr("12345", 0,$pos);echo $substring;输出:12JAVA subString indexofString str="12345";int pos=str.indexOf("3");String substring=str.substring(0, pos);System.out.println(substring);输出:12PHP 从最末一个&q 阅读全文
posted @ 2012-03-10 10:37 xngeer 阅读(195) 评论(0) 推荐(0)
摘要: 想看到函数返回的bool结果,但bool结果不能在浏览器输出怎么办?<?phpvar_dump(is_file('a_file.txt')) . "\n";var_dump(is_file('/usr/bin/')) . "\n";?>输出:bool(true)bool(false) 阅读全文
posted @ 2012-03-10 10:36 xngeer 阅读(2291) 评论(0) 推荐(0)
摘要: <?php $fileName=$_GET['file']; header('Content-type:application/force-download'); header('Content-Disposition:inline,filename='.$fileName); $fp=fopen("文件目录".$fileName, "r"); $content=fread($fp, filesize("文件目录".$fileName)); echo $content;?>/ 阅读全文
posted @ 2012-03-10 10:35 xngeer 阅读(237) 评论(0) 推荐(0)
摘要: 本函数可能理论上说有些不地道,把utf-8的中文字符和char一视同仁,都按长度为1计算function string_substring($string,$start,$length) { $countstart=0; $countlength=0; $printstring=""; for($i=0;$i<strlen($string);$i++) { while($countstart<$start) { $countstart++; if(ord(substr($string,$i,1))>128) { $i+=3; } else{ $i++; } 阅读全文
posted @ 2012-03-10 10:34 xngeer 阅读(483) 评论(0) 推荐(0)
摘要: PHP session 变量用于存储有关用户会话的信息,或更改用户会话的设置。Session 变量保存的信息是单一用户的,并且可供应用程序中的所有页面使用。理解:session用于单一用户与服务器的交互,每个用户的session都是不一样的。session作为全局变量,在浏览器开户期间所有页面内有效。Session 的工作机制是:为每个访问者创建一个唯一的 id (UID),并基于这个 UID 来存储变量。UID 存储在 cookie 中,亦或通过 URL 进行传导。在把用户信息存储到 PHP session 中之前,首先必须启动会话。注释:session_start() 函数必须位于 < 阅读全文
posted @ 2012-03-10 10:34 xngeer 阅读(195) 评论(0) 推荐(0)
摘要: php textarea中的换行符为"\r\n"不是'\n'不是"<br />"不是'\r\n'不是'\r'+'\n' 阅读全文
posted @ 2012-03-10 10:33 xngeer 阅读(696) 评论(0) 推荐(0)
摘要: function getConnection(){ @mysql_connect("localhost","username","password") or die("无法连接数据库"); @mysql_select_db("databasename") or die("未找到数据库"); }getConnection(); $query="select definition,accession,gi from birds_nucleotide order by d 阅读全文
posted @ 2012-03-10 10:32 xngeer 阅读(180) 评论(0) 推荐(0)
摘要: 文件目录:--index.php--php--data_info.phpindex.php这里要require_once类所在的php文件<?phprequire_once('./php/data_info.php'); $oneData=new user; $oneData->setName("username"); $oneData->setPassword("password"); echo $oneData->getName(); echo $oneData->getPassword();?>d 阅读全文
posted @ 2012-03-10 10:32 xngeer 阅读(269) 评论(0) 推荐(0)
摘要: 阅读全文
posted @ 2012-03-10 10:31 xngeer 阅读(360) 评论(0) 推荐(0)
摘要: 如果不清除浮动,老三会跟在老二屁股后面<p >这个是第1列,</p> <p >这个是第2列,</p> <p >这个是列的下面。</p> float和absolute会让元素以inline-block方式显示,再显示地设置display为inline或block也无效。所以可以定义元素尺寸。 阅读全文
posted @ 2012-03-10 10:30 xngeer 阅读(128) 评论(0) 推荐(0)
摘要: float:left;margin:5px; /*IE6下会理解为10px*/display:inline;/*让它理解为5px*/ 阅读全文
posted @ 2012-03-10 10:30 xngeer 阅读(283) 评论(0) 推荐(0)
摘要: 上游:交互设计师、视觉设计师中游:前端开发工程师下游:服务器端工程师1. 欲精一行,先通十行。尤其是做前端的2. 增加代码可读性----注释,别让自己都看不懂自己的代码3. 提高重用性----公共组件和私有组件的维护,要搞清楚 公共组件:让接口保持弹性,高度模块化; 公共组件的加载粒度:jQuery选择了“集中”,YUI选择了“分散”。 按需加载才是主流,多感受下YUI,import4. 前期的构思:规范、文档、公共组件、复杂功能的设计方案5. 自己能独立决策的问题都是小问题,要与人合作商讨的问题才可能会是最大的问题,要学会有效地交流。Web前端工程师技能列表:http://www.awfla 阅读全文
posted @ 2012-03-10 10:29 xngeer 阅读(227) 评论(0) 推荐(0)
摘要: 1. 传统的布局方式是在DW中拖拽表格来布局,自动生成的代码量非常庞大;2. table布局的缺点: a. 代码量大,结构混乱; b. 标签语义不明确,对搜索引擎不友好。3. 在HTML,CSS,JS三大元素中,HTML才是最重要的,结构才是重点。 先确定HTML,确定语义的标签,再来选用合适的CSS4. 先HTML,后CSS。可以在CSS裸体日仍然保持良好的层次感;5. 搜索引擎对<h>比较敏感,一个语义良好的页面,h标签应该是完整有序没有断层的;6. 标签语言调试工具:Web Developer,Firefox插件7. 表单域要用fieldset标签包起来,并用legend标签 阅读全文
posted @ 2012-03-10 10:27 xngeer 阅读(197) 评论(0) 推荐(0)
摘要: textarea{ resize:none; width:200px; height:100px; max-height:100px; max-width:200px; overflow:auto; /*使不显示滚动条*/} 阅读全文
posted @ 2012-03-10 10:27 xngeer 阅读(837) 评论(0) 推荐(0)
摘要: love hate原则:link visited hover active 阅读全文
posted @ 2012-03-10 10:26 xngeer 阅读(221) 评论(0) 推荐(0)
摘要: 相邻的margin-left和margin-right不会重合,但margin-top和margin-bottom会重合。最好不要混用margin-top和margin-bottom,统一用其中一种,就像为<td>设边框。 阅读全文
posted @ 2012-03-10 10:26 xngeer 阅读(161) 评论(0) 推荐(0)
摘要: hasLayout是IE为解析盒模型而设计的一个专有属性,它的设计初衷是用于块级元素的,如果触发行内元素的hasLayout,就会让行内元素拥有一些块级元素的特性。display:inline-block 有width,height,margin,padding 却不独占一行,很好但IE6,7不支持inline-block,inline-block只能触发IE6,7下行内元素的hasLayout即:IE6,7下,设置inline-block的块级元素:白设行内元素:可设width,height... 效果同zoom:1例:abcde<span>12345</span> 阅读全文
posted @ 2012-03-10 10:25 xngeer 阅读(215) 评论(0) 推荐(0)
摘要: 1. 怪异模式的触发与DTD有关。Document Type Definition。DTD包含元素的定义规则、元素间关系的定义规则、元素可使用的属性、可使用的实体或符号规则。2. 推荐的CSS组织方式:base+common+page base:css reset用YUI的CSS Reset+通用原子类 基石 common:组件级CSS类,网站中高度重用的模块 网站级 page:通用base和common解决的,就不要用page页面级3. 重用即为模块,取最大公约数。 模块应在保证数量尽可能少的原则下,做到尽可能简单,以提高重用性。4. 推荐CSS类命名法:驼峰命名法用于区别不同单词,... 阅读全文
posted @ 2012-03-10 10:24 xngeer 阅读(248) 评论(0) 推荐(0)
摘要: 1. z-index为负,可以创造一些特殊的效果,但是无法监听鼠标事件,因为被z-index:0的body盖住了2. 如果多个元素的z-index相同,长江后浪盖前浪3. relative 或 absolute激活z-index可使元素重叠;设置负边距不激活z-index也可使元素重叠。问题1:Flash嵌入网页,不管如何设置z-index,都会浮于其它元素之上。 原因:浏览器解析页面时,窗口类型的元素显示在页面最顶端 <embed wmode="" <param name="wmode" value="" wmode属性 阅读全文
posted @ 2012-03-10 10:23 xngeer 阅读(329) 评论(0) 推荐(0)
摘要: 水平居中: 1. 行内元素:父元素text-align:center; 2. 确定宽度的块级元素:margin-left/right:auto; 3. 不确定宽度的块级元素: a. 放在table的td里,table不是块级,但margin-left/right对它有效,table的宽度由它的内容决定。 缺点:增加无语义标签,加深标签的嵌套次数。 b. 将块级元素转化成inline,父元素taCenter 缺点:不能设定长宽 c. 父元素: float:left; position:relative; left:50%; 子元素: posit... 阅读全文
posted @ 2012-03-10 10:22 xngeer 阅读(210) 评论(1) 推荐(0)
摘要: IE6不支持png透明背景解决方式:给window.onload添加以下两个函数:function correctPNG(){ for(var i=0;i<document.images.length;i++){ var img=document.images[i]; var imgName=img.src.toUpperCase(); if(imgName.substring(imgName.length-3,imgName.length)=="PNG"){ var imgID=(img.id)?"id='"+img.id+"& 阅读全文
posted @ 2012-03-10 10:22 xngeer 阅读(302) 评论(0) 推荐(0)
摘要: 输入:className:类名;root:父节点,在此节点下查找,string/node; tagName:找某一类标签function getElementsByClassName(className,root,tagName){ if(root){ root=typeof root=="string"?document.getElementById(root):root; }else{ root=document.body; } tagName=tagName||"*"; var els=root.getElementsByTagName(tagNa 阅读全文
posted @ 2012-03-10 10:21 xngeer 阅读(281) 评论(0) 推荐(0)
摘要: 通常情况下,td内无内容时没有边线(但也有时有,还未深究)解决方法: 给table加个border-collapse:collapse; 给td加个empty-cells:show; 阅读全文
posted @ 2012-03-10 10:20 xngeer 阅读(529) 评论(0) 推荐(0)
摘要: input按钮可以绑定onpropertychange和onchange事件来解决这个问题。比如var input_text=document.getElementById("input_text");input_text.onchange=function(){/*执行函数*/};input_text.onpropertychange=input_text.onchange;实践证明,上述办法不能解决问题:onchange事件是在键盘输入,失去焦点时候如果值改变就触发该事件(ie和火狐效果一样),用js赋值时不会触发onpropertychange只要值改变都会触发,无论 阅读全文
posted @ 2012-03-10 10:20 xngeer 阅读(1286) 评论(0) 推荐(0)
摘要: function myObject(msg){ } myObject.name='china'; myObject.nameThis='china'; alert(myObject.name); //IE: china FF:myObject alert(myObject.nameThis); //IE,FF: china上例中,"name"可能算做是FF下的关键字吧 阅读全文
posted @ 2012-03-10 10:19 xngeer 阅读(151) 评论(0) 推荐(0)
摘要: <div>1</div><div>2</div><script type="text/javascript">var elements = document.getElementsByTagName("div");for (var i = 0; i<elements.length; i++) {// elements[i].onclick=function(){// alert("Div number " + elements[i].innerHTML); //在遍历数 阅读全文
posted @ 2012-03-10 10:18 xngeer 阅读(249) 评论(0) 推荐(0)
摘要: <button id="bt" name="bt001">click me</button><script type="text/javascript">var name="somebody";var btn=document.getElementById("bt");var co={ name:"co", say:function(){ alert("I am "+this.name); }};//co.say(); 阅读全文
posted @ 2012-03-10 10:17 xngeer 阅读(249) 评论(0) 推荐(0)
摘要: parseInt() 把字符串转化为整数,可设进制parseFloat() 把字符串转化为浮点数,必须是十进制注意要点:1. 从左往右,如果从位置0起不是有效数字,就返回NaN解决方法://提取字符串中所有数字CBTC.CLang.getStringNum=function(str){ var nums=str.match(/[0-9]/g); return nums.join("");}var s="sdfad0sa7f8";var re=CBTC.CLang.getStringNum(s);alert(re); //078ale... 阅读全文
posted @ 2012-03-10 10:16 xngeer 阅读(225) 评论(0) 推荐(0)
摘要: setTimeout() 和 setInterval() 可被或一个函数或一个字符串作为首个参数。如果你传递一个字符串,引擎将创建一个新函数(使用函数构造器),这在一些浏览器中会非常慢。相反,传递函数本身作为首个参数,更快、更强大、更干净。这可能就是冯总这样写的原因吧:new Function("alert('s')") 阅读全文
posted @ 2012-03-10 10:16 xngeer 阅读(177) 评论(0) 推荐(0)
摘要: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!--eg.--><script type=”text/javascript” src=”test.js” charset=”utf-8″></script><script type=”text/javascript” src=”test1.js” charset=”gb2312″></script> 阅读全文
posted @ 2012-03-10 10:12 xngeer 阅读(207) 评论(0) 推荐(0)
摘要: //检验字符串中是否包含1900-2050的日期子字符串 var dateReg_null_ymd=new RegExp("(([2-9][0-9]|1[6-9])?[0-9]{2}([-\/\.])?((1[0-2]|0?[1-9])([-\/\.])?(2[0-8]|1[0-9]|0?[1-9])|(1[0-2]|0?[13-9])([-\/\.])?(29|30)|(1[02]|0?[13578])([-\/\.])?(31))|((1[6-9]|[2-9][0-9])?(0[48]|[2468][048]|[13579][26])|(16|[2468][048]|[3579] 阅读全文
posted @ 2012-03-10 10:11 xngeer 阅读(442) 评论(0) 推荐(0)
摘要: //两个Date之间,有多少个星期X 86400000function getCountOfWeekX(startDate,endDate,weekX){ var result=0; var start=startDate.getTime(); var end=endDate.getTime() for(var i=start;i<=end;i+=86400000){ if(new Date(i).getDay()==weekX){ result++; } } return result;}function StringToDate(DateStr) { var conver... 阅读全文
posted @ 2012-03-10 10:10 xngeer 阅读(394) 评论(0) 推荐(0)
摘要: <select id="selectYear" onchange="yearChange(this.options[this.selectedIndex].text)"> <option>2010</option> <option>2011</option> <option>2012</option> <option>2013</option> </select><script type="text/javascript 阅读全文
posted @ 2012-03-10 10:10 xngeer 阅读(1410) 评论(0) 推荐(0)
摘要: .transparentDiv{ filter:alpha(opacity=40); /*IE*/ -moz-opacity:0.4; /*MOZ FF*/ opacity:0.4; /*CSS3 FF1.5*/} 阅读全文
posted @ 2012-03-10 10:09 xngeer 阅读(139) 评论(0) 推荐(0)
摘要: 添加层关闭我这里是要显示的内容 阅读全文
posted @ 2012-03-10 10:07 xngeer 阅读(187) 评论(0) 推荐(0)
摘要: var header=["00:00","00:30","01:00","01:30","02:00","02:30","03:00","03:30","04:00","04:30","05:00","05:30","06:00","06:30","07:00","07:30", 阅读全文
posted @ 2012-03-10 10:06 xngeer 阅读(467) 评论(0) 推荐(0)
摘要: //日期 /.-转Date Date转/.-默认-function StringToDate(DateStr) { var separator="-"; if(DateStr.indexOf("/")>-1)separator="/"; if(DateStr.indexOf(".")>-1)separator="."; var converted = Date.parse(DateStr); var myDate = new Date(converted); if (isNaN(my 阅读全文
posted @ 2012-03-10 10:05 xngeer 阅读(1136) 评论(0) 推荐(0)
摘要: //将N个table的所有td按行合并为数组function getTdArray(){ var tableArray=arguments; var rowNow=0; while(tableArray[0].rows[rowNow].cells[0].nodeName.toLowerCase()!="td")rowNow++; var tdArray=[]; for(var i=rowNow;i<tableArray[0].rows.length;i++){ for(var j=0;j<tableArray.length;j++){ for(var k=0;k 阅读全文
posted @ 2012-03-10 10:02 xngeer 阅读(3407) 评论(0) 推荐(0)