02 2012 档案
摘要：input按钮可以绑定onpropertychange和onchange事件来解决这个问题。比如var input_text=document.getElementById("input_text");input_text.onchange=function(){/*执行函数*/};input_text.onpropertychange=input_text.onchange;实践证明，上述办法不能解决问题：onchange事件是在键盘输入，失去焦点时候如果值改变就触发该事件（ie和火狐效果一样），用js赋值时不会触发onpropertychange只要值改变都会触发，无论
阅读全文
摘要：通常情况下，td内无内容时没有边线（但也有时有，还未深究）解决方法： 给table加个border-collapse:collapse; 给td加个empty-cells:show;
阅读全文
摘要：输入：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
阅读全文
摘要：水平居中： 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...
阅读全文
摘要：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+"&
阅读全文
摘要：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属性
阅读全文
摘要：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类命名法：驼峰命名法用于区别不同单词，...
阅读全文
摘要：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>
阅读全文
摘要：love hate原则：link visited hover active
阅读全文
摘要：相邻的margin-left和margin-right不会重合，但margin-top和margin-bottom会重合。最好不要混用margin-top和margin-bottom，统一用其中一种，就像为<td>设边框。
阅读全文
摘要：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标签
阅读全文
摘要：textarea{ resize:none; width:200px; height:100px; max-height:100px; max-width:200px; overflow:auto; /*使不显示滚动条*/}
阅读全文
摘要：上游：交互设计师、视觉设计师中游：前端开发工程师下游：服务器端工程师1. 欲精一行，先通十行。尤其是做前端的2. 增加代码可读性----注释，别让自己都看不懂自己的代码3. 提高重用性----公共组件和私有组件的维护，要搞清楚 公共组件：让接口保持弹性，高度模块化； 公共组件的加载粒度：jQuery选择了“集中”，YUI选择了“分散”。 按需加载才是主流，多感受下YUI，import4. 前期的构思：规范、文档、公共组件、复杂功能的设计方案5. 自己能独立决策的问题都是小问题，要与人合作商讨的问题才可能会是最大的问题，要学会有效地交流。Web前端工程师技能列表：http://www.awfla
阅读全文
摘要：如果不清除浮动，老三会跟在老二屁股后面<p style="float:left;width :400px;">这个是第1列，</p> <p style="float:left;width :400px;">这个是第2列，</p> <p style="clear:both;">这个是列的下面。</p> float和absolute会让元素以inline-block方式显示，再显示地设置display为inline或block也无效。所以可以定义元素尺寸。
阅读全文
摘要：float:left;margin:5px; /*IE6下会理解为10px*/display:inline;/*让它理解为5px*/
阅读全文
摘要：[PHP];;;;;;;;;;;;;;;;;;;; About php.ini ;;;;;;;;;;;;;;;;;;;;; PHP's initialization file, generally called php.ini, is responsible for; configuring many of the aspects of PHP's behavior.; PHP attempts to find and load this configuration from a number of locations.; The following is a summary
阅读全文
摘要：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
阅读全文
摘要：文件目录：--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
阅读全文
摘要：php textarea中的换行符为"\r\n"不是'\n'不是"<br />"不是'\r\n'不是'\r'+'\n'
阅读全文
摘要：本函数可能理论上说有些不地道，把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++; }
阅读全文
摘要：PHP session 变量用于存储有关用户会话的信息，或更改用户会话的设置。Session 变量保存的信息是单一用户的，并且可供应用程序中的所有页面使用。理解：session用于单一用户与服务器的交互，每个用户的session都是不一样的。session作为全局变量，在浏览器开户期间所有页面内有效。Session 的工作机制是：为每个访问者创建一个唯一的 id (UID)，并基于这个 UID 来存储变量。UID 存储在 cookie 中，亦或通过 URL 进行传导。在把用户信息存储到 PHP session 中之前，首先必须启动会话。注释：session_start() 函数必须位于 <
阅读全文
摘要：<?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;?>
阅读全文
摘要：想看到函数返回的bool结果，但bool结果不能在浏览器输出怎么办？<?phpvar_dump(is_file('a_file.txt')) . "\n";var_dump(is_file('/usr/bin/')) . "\n";?>输出：bool(true)bool(false)
阅读全文
摘要：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
阅读全文
摘要：大体上这篇贴很简洁实用（本人喜欢把条条理理写的很漂亮的人，谢谢永福）转：PHP执行系统命令（简介及方法）在PHP中调用外部命令，可以用如下三种方法来实现：方法一：用PHP提供的专门函数（四个）：PHP提供4个专门的执行外部命令的函数：exec(), system(), passthru(), shell_exec()1）exec()原型: string exec ( string $command [, array &$output [, int &$return_var ]] ) 说明: exec执行系统外部命令时不会输出结果，而是返回结果的最后一行。如果想得到结果，可以使用
阅读全文
摘要：多用console.log 像System.out.println()alert毕竟太麻烦了
阅读全文
摘要：用函数原型实现像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
阅读全文
摘要：如：给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
阅读全文
摘要：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
阅读全文
摘要：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;}//绑定事件 --解决
阅读全文
摘要：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);}
阅读全文
摘要：function getEventTarget(e){ e=window.event||e; return e.srcElement||e.target;}
阅读全文
摘要：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; }}
阅读全文
摘要：找下一兄弟节点的兼容问题：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
阅读全文
摘要：1. JS 工具函数http://www.cnblogs.com/manong13/archive/2012/03/01/2375059.html2. JS 兼容问题http://www.cnblogs.com/manong13/archive/2012/03/01/2375060.html3. JS 编程思想http://www.cnblogs.com/manong13/archive/2012/03/01/2375061.html
阅读全文
摘要：输入：函数名function addLoadEvent(func){ var oldonload=window.onload; if("function"!=(typeof window.onload)){ window.onload=func; }else{ window.onload=function(){ oldonload(); func(); } }}
阅读全文
摘要：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....
阅读全文
摘要：//获取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("=")); ...
阅读全文
摘要：用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;
阅读全文
摘要：1.IE条件注释注：<!--[if IE]><![endif]--> 只在IE下有效<!--[if IE 6]><![endif]--> 只在IE6有效 7，8同理<!--[if gt IE 6]><![endif]--> 只在IE6以上版本有效 lte:<= lt:< gte:>= gt:> !:!=2.选择符前缀法：“*html” 前缀只对IE6生效 "*+html"前缀只对IE7生效.test{width:80px;} /*IE 6 7 8*/*html .test{wid
阅读全文
摘要：<div> <div><img src="http://images.cnblogs.com/menu_01.jpg" width="163" height="8" alt=""></div> <div style="background: url('/images/menu_02.jpg') repeat-y top left;"><jdoc:include type="modules" na
阅读全文
摘要：去所有空格：str=str.replace(/\t+/g,"").replace(/\n+/g,"").replace(/\r+/g,"").replace(/\s+/g,"");去头尾多余空格：str=str.replace(/\t+/g,"").replace(/\n+/g,"").replace(/\r+/g,"").replace(/(^\s+)|(\s+$)/g,"");只是去头尾空格：function trim(str){
阅读全文
摘要：vertical-align:middle;line-heigth:00px;
阅读全文
摘要：<style>.tbl {table-layout:fixed;}</style><table class="tbl" border="1" width="80"><tr><td>abcdefghigklmnopqrstuvwxyz 1234567890</td></tr></table>table-layout:fixed，可以在内置属性里设
阅读全文
摘要：很多时候 我们都想在IE里实现这样的布局：一个容器box有一个固定的高度 当内容超出固定高度时自动拉伸 即使内容比较少时 也可以保持一个最小高度这个布局对FF来说是小事一桩 只要给box定义一个min-height值就可以了 但遗憾的是IE不能识别这个属性 那我们有什么办法让IE也支持min-height吗？答案是肯定的，必须的。下面以一份简单的html为例我们可以这样定义CSS：.box{ margin:0 auto; padding:10px; border:1px solid #ccc; width:500px; min-height:45px;/*为FF定义min-heigh...
阅读全文
摘要：<html><body><style>body{background:#ff0;}.td3{font-size: 14px;color: #FFFFFF;background-color: #000000;BORDER-RIGHT: #f6f6f6 1px solid; /* 显示右边框为1px，如果不想显示就为0px */border-top:11px #fff solid; /* 显示上边框为1px，如果不想显示就为0px */BORDER-LEFT: #f9f9f9 0px solid;/* 显示左边框为1px，如果不想显示就为0px */BORDER
阅读全文
摘要：matlab太大了，想导出一个可执行的文件，exe或jar或dll吧，然后用程序调用。我导出的exe，用php调用安装matlab，安装vc6编译器。没用过C++，下了个VC6.0安装了，系统就有vc6编译器了。Matlab命令行窗口：mex -setupmbuild -setup都选VC6M文件：funBt_fun.m随便一点了就function c= funBt_fun(input)c=input+1;Matlab命令窗口：cd XXX进入M文件所在路径mcc -m funBt_fun.m 进行编译生成funBt_fun.exePHP调用：$commandBt="E:/funBt
阅读全文
摘要：解决从Mysql读取中文时的乱码问题：建表时先加上default charset=utf8;插入中文数据之前(Mysql命令提示符下)是用set names gb2312;在php页面中设置是mysql_query('SET NAMES UTF8');在php页面(已设定为utf8后)中插入中文数据不会出现乱码,应该插入数据库的时候就是以utf8字符集插入中文数据的故不会出现问题!在php页面前面不要忘了加上header('content-type;text/html;charset=utf-8');大家在MySQL命令提示符下想查看数据,中文数据有可能是如下
阅读全文
浙公网安备 33010602011771号