致力于JavaScript、CSS、HTML、XML等WEB前端开发技术
JS实现多个select下拉列表数据同步。当其中一个select选中一个数据时，其它的select下拉列表则不能选择这个项，也就是说这组select列表不能选中相同的值。 测试页面地址：http://rte-editor.googlecode.com/svn/trunk/multiple-select-synchro-data.html XHMLT结构： <table id="mappingTable" class="mapping-table" border="0"> <tr> &n
最近给系统增加了“禁止利用键盘退格后退”的功能，其中涉及到iframe监听键盘的代码如下： //禁止iframe窗口利用键盘退格键后退 (function(){ var iframe=document.getElementById("myFrame"); var iframeWin=iframe.contentWindow; var reg=new RegExp("^input|textarea$","gi"); &nbs
有时我们需要在input[type=text]、textarea以及富文本编辑器外禁用键盘上的退格键触发浏览器的“后退”按钮的功能，下面代码通过IE、FF、Chrome、Safari测试，Opera不支持取消浏览器默认事件。 禁止当前页面利用键盘退格键后退： (function(){ try{ document.attachEvent("onkeydown",keyPress); }catch(e){ d
Layout是一个IE/Win的私有概念，它决定了一个元素如何显示以及约束其包含的内容、如何与其他元素交互和建立联系、如何响应和传递应用程序事件/用户事件。 IE6/IE7中的很多怪异的bug都和layout有关,一个元素是否具有layout可能会引发如下的一些问题： IE很多常见的浮动Bug 元素本身对一些基本属性的异常处理问题 容器和其子孙之间的边距重叠(margin collapsing)问题 使用列表时遇到的诸多问题 背景图片的定位偏差问题 使用脚本时遇到的浏览器之间处理不一致的问题 默认拥有layout的元素：html, body, tab
由于工作需要C#生成Word文档，在网上找到了很多类似代码，测试时总是会出现“检索 COM 类工厂中 CLSID 为 {000209FF-0000-0000-C000-000000000046} 的组件时失败，原因是出现以下错误: 8000401a”，网上搜集到的解决这类问题的办法： 增加虚拟权限 增加Com组件的交互式访问权限 增加Com组件特定用户的访问权限 具体可以参考以下文章： 露水传说 csdn上的讨论 cnblos上的文章 不过因为自己的电脑上没有安装Micr
测试页面兼容时，经常会遇到多余空白问题：IE6/IE7中li底部3px的Bug，img在IE6和IE7中导致父层DIV高度多了4px。 无论是IE6/IE7，还是IE8/FF/Opera/Chrome都存在这样的问题，只不过是产生的原因各不相同：IE6/IE7中的空隙是因为img前后的空格、换行、回车、缩进产生的；IE8/FF/Chrome/Opera则是line-height和font-size导致的。下面分别列举最常见的情况： 1、li-img <ul class="list-img"> <li><img s
以下示例展示textarea中连续字符对table布局(layout)的影响，结构如下： <table width="600" border="1" cellspacing="0" cellpadding="5"> <tr> <th width="80">标题</th> <td>内容</td>
nunumick在Form的陷阱一文中提到：如果我们设置域的name值和form元素的属性值相同，这时候再用脚本去取form元素的属性（经常需要这么干，比如更改action和method属性）时，实际取得的会是同样name的表单域对象。 <form name="demoForm" id="demoForm" action="http://www.silentash.com" method="get"> <input name="method" value = "hello world" /></form><
今天遇到了一个相对定位(position:relaitve)引起的IE7中overflow:hidden失效的bug，特此记录！解决方法很简单，给父层（div#scroll）设置position:relative就OK了。 XHTML结构： <div id="scroll" class="list"> <a href="#"><img src="images/img01.jpg" /><span>洗浴</span><img class="border" src="images/b
w3c标准中的selection对象和range对象都有collapse()方法。功能相似，但还是有区别的。 Selection对象的collapse()方法： collaspe Collapses the current selection to a single point. The document is not modified. If the current is focused and editable, the caret will blink there. sel.collapse(parentNode,offset); parentNode The care