2011年10月_hqmln

原创 js中的文档模式-document.compatMode

今天在看框架的时候无意间看到了document.compatMode，经过一番资料查找，终于搞懂了。文档模式在开发中貌似很少用到，最常见的是就是在获取页面宽高的时候，比如文档宽高，可见区域宽高等。IE对盒模型的渲染在 Standards Mode和Quirks Mode是有很大差别的，在Standards Mode下对于盒模型的解释和其他的标准浏览器是一样，但在Quirks Mode模式下则有...

2011-10-24 14:27:03 90

原创自动换行 word-break:break-all和word-wrap:break-word

word-break:break-all和word-wrap:break-word都是能使其容器如DIV的内容自动换行。它们的区别就在于：1，word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分)，下...

2011-10-17 16:48:57 100

原创 js日期验证

js的有效行验证//验证日期有效性function isDate(b){ var birth = b.split('-'); var bir = birth[1]+'/'+birth[2]+'/'+birth[0]; var d = new Date(bir); var dd = d.format('mm/dd/yyyy...

2011-10-14 14:54:59 83

原创 js date 初始化

创建一个日期对象：var objDate=new Date([arguments list]);参数形式有以下５种： new Date("month dd,yyyy hh:mm:ss"); new Date("month dd,yyyy"); new Date(yyyy,mth,dd,hh,mm,ss); new Date(yyyy,mth,dd); new Date(ms...

2011-10-13 17:45:36 122

toFixed方法使用

在分析easyui的numberbox组件的源码时发现了toFixed方法。具体用的地方为：var val = parseFloat($(target).val()).toFixed(opts.precision); 此句是为了让输入的值转换为小数，并且指定为固定的位数。 toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。Show the num...

2011-10-11 16:13:40 458

原创 css的特殊样式ime-mode

css 之 ime-mode语法：ime-mode : auto | active | inactive | disabled 取值：auto : 默认值。不影响ime的状态。与不指定 ime-mode 属性时相同 active : 指定所有使用ime输入的字符。即激活本地语言输入法。用户仍可以撤销激活ime inactive : 指定所有不使用ime输入的字符。即激活非本地语言。用户仍可以撤...

2011-10-11 15:31:52 93

eayui的validatebox分析

在分析eayui的validatebox的源代码中发现，该验证框架不支持删除验证的方法，在api中可以看见有个destroy方法，这个方法不是用来删除验证的，而是把元素和验证都一块删除,所以不符合逻辑。为此我写了一个删除验证的方法：/**@param elemId 元素的id*删除easyui已有的验证*/function delRules(elemId){ va...

2011-10-11 15:12:11 131

tabs源码分析

easyui的tabs源码分析使用原始的html div代码： <div class="easyui-tabs" id="testtabs" fit="true" plain="true" style="height:100px;width:300px;"> <div title="Title1" style=&quot

2011-10-10 11:37:01 413

原创 jquery选择器使用

用jquery判断var elem = $('>div.tabs-header li:has(a span:contains("' + title + '"))', container)[0];jquery选择器选择的 html代码： <div class="tabs-header"> <ul class="tabs"> <li ..

2011-10-09 16:48:56 132

原创 Math对象使用

Math.floor() 方法执行的是向下取整计算，它返回的是小于或等于函数参数，并且与之最接近的整数。<script type="text/javascript">document.write(Math.floor(0.60) + "<br />")document.write(Math.floor(0.40) + "<br />")doc..

2011-10-09 10:46:24 71

原创用css分割线制作

在easyui中的分割线不是通过图片做的，而是通过定义一个样式做的，其样式为： .pagination-btn-separator{ height:24px; border-left:1px solid #ccc; border-right:1px solid #fff; margin:3px 1px; }使用方法为：<p>分隔条</p> &l...

2011-10-09 10:09:09 196

原创 css让数字和字母换行

让换行数字换行word-wrap:break-word;

2011-10-08 17:28:41 159

原创 panel源码分析

我们使用easyui的panel时，只需要指定一个div和相关的属性就可以生成带操作按钮的panel。原始div的代码为：<div id="p" class="easyui-panel" style="width:500px;height:200px;padding:10px;" title="My Panel" iconCls="icon-save" colla..

2011-10-08 13:25:28 273

hqmln的博客