解惑 http://www.jiehoo.com 解己之惑，解人之惑 Wed, 30 Apr 2008 05:03:02 +0000 http://wordpress.org/?v=2.0.4 en 浏览器回退的问题 http://www.jiehoo.com/%e6%b5%8f%e8%a7%88%e5%99%a8%e5%9b%9e%e9%80%80%e7%9a%84%e9%97%ae%e9%a2%98.htm http://www.jiehoo.com/%e6%b5%8f%e8%a7%88%e5%99%a8%e5%9b%9e%e9%80%80%e7%9a%84%e9%97%ae%e9%a2%98.htm#comments Thu, 09 Aug 2007 12:31:14 +0000 Cherami JavaScriptInput后退 http://www.jiehoo.com/%e6%b5%8f%e8%a7%88%e5%99%a8%e5%9b%9e%e9%80%80%e7%9a%84%e9%97%ae%e9%a2%98.htm 这个是同事今天遇到的问题，有一个Form，里面有几个下拉列表Select和一个输入框Input，点击按钮进入下一个页面，在下一个页面有一个后退按钮，点击后退按钮（调用的就是history.back()）返回前面的页面，页面上根据Form的内容拼接的一个字符串的内容不太对，那个Input输入框的部分的内容不正确，其它的下拉列表的内容是正确的，看了下他的代码，发现是使用document.write在页面加载过程中直接输出的，这个问题以前遇到过，但是我只是猜测浏览器的工作原理，没有找到权威的论据：
Input输入框是有一个defaultValue属性的，就是页面最开始的时候的值，如果用户修改输入框的值，那么变化的是value值，而如果进入下一个页面，然后使用浏览器的回退功能返回，那么页面加载的时候还是先加载的那个defaultValue的值，用户修改的那些值在页面完成加载后才会变化。所以同事遇到的那个问题可以通过页面的onLoad解决或者window.setTimeout解决。
明天到公司验证下，加些JavaScript应该可以确定这个过程。


作者: 解惑/Cherami
原载: 浏览器回退的问题
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。
分类: JavaScript
]]> http://www.jiehoo.com/%e6%b5%8f%e8%a7%88%e5%99%a8%e5%9b%9e%e9%80%80%e7%9a%84%e9%97%ae%e9%a2%98.htm/feed/ 动态增减表格的行 http://www.jiehoo.com/tr-can-not-set-innerhtml-for-ie.htm http://www.jiehoo.com/tr-can-not-set-innerhtml-for-ie.htm#comments Fri, 16 Feb 2007 02:18:29 +0000 Cherami JavaScriptIEinnerHTMLtabletr http://www.jiehoo.com/tr-can-not-set-innerhtml-for-ie.htm 我们产品中有一个动态添加内容的组件，但是实现方式比较差，是把全部的行都输出，一共输出50行，删除的行不能重用，也就是页面上只能一共增减50次，这样的功能其实应该是使用Javascript动态增减，上次我试验了一下，发现在IE下不行，我是保存一行的空白内容，然后对table使用insertRow，再设置innerHTML，结果IE总是报运行时异常，在FF下没有问题，搜索了下，发现是IE的限制。解决方法只能是使用标准的DOM方式一个TD一个TD的加，对TD可以设置innerHTML。


作者: 解惑/Cherami
原载: 动态增减表格的行
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。
分类: JavaScript
]]> http://www.jiehoo.com/tr-can-not-set-innerhtml-for-ie.htm/feed/ 显示超长文字 http://www.jiehoo.com/how-to-show-long-string-on-page.htm http://www.jiehoo.com/how-to-show-long-string-on-page.htm#comments Wed, 07 Feb 2007 09:18:54 +0000 Cherami Web JavaScriptcssdiv自动文字 http://www.jiehoo.com/how-to-show-long-string-on-page.htm 不知道其它的项目的页面上的字符串是怎么显示的，我们的产品中，有些字符串很长，但是显示他们的地方可能没有那么宽，换行又不美感，我们的解决方案是显示部分文章后面放一个放大镜，用户把鼠标移到放大镜上的时候显示全部的内容，但是这个方法有个缺点，就是字符的宽度都是不一样的，我们输出的时候选择输出固定个数的字符，这样很多时候就有一些空白的地方可以多显示一些字符的（要照顾全部是M或者W的情况，不考虑中文），然后美国那边要求研究一下有没有好一些的解决方法，可以根据宽度自动显示相应的字符串，如果某些部分的宽度调整了也自动的多显示或者少显示一些字符。
本来我找到一个使用CSS的方法，可以较好的满足上面的需求：
<style type=’text/css’>
.smartStringExpander {
  word-break : break-all;
  overflow:hidden;
  width:200px;
}
</style>
<div class="smartStringExpander"><nobr>abcdefghi jklmnabcdefghi jklmnabcdefghij klmn111111111</nobr></div>
但是我怎么也不能再在后面加一个放大镜的图片了，如果把overflow那个属性移掉就可以在后面加了，但是又失去意义了。
郁闷

更新：
在郁闷的时候突然想到自己很傻，为什么把那两个部分丢到一个table里面呢，呵呵。
最终的例子：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
    <HEAD>
        <TITLE>Smart String Expander</TITLE>
        <style type=’text/css’>
        .smartStringExpander {
          word-break : break-all;
          overflow:hidden;
        }
        </style>
    </HEAD>

    <BODY>

        <h1>
            <code>
                Fixed layout table
            </code>
        </h1>
        <table style="table-layout:fixed" width="200">
            <tr>
                <td width="25%">
                    <table style="table-layout:fixed">
                        <tr>
                            <td>
                                <div class="smartStringExpander">
                                    <nobr>
                                        abcdefghi jklmnabcdefghijklmnabcdefg hijklmn111111111
                                    </nobr>
                                </div>
                            </td>
                            <td width="9">
                                <IMG SRC="magnifying_glass.gif">
                            </td>
                        </tr>
                    </table>
                </td>
                <td width="75%">
                    <table style="table-layout:fixed">
                        <tr>
                            <td>
                                <div class="smartStringExpander">
                                    <nobr>
                                        abcdefghi jklmnabcdefghijklmnabcdefg hijklmn111111111
                                    </nobr>
                                </div>
                            </td>
                            <td width="9">
                                <IMG SRC="magnifying_glass.gif">
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td width="25%">
                    <table style="table-layout:fixed">
                        <tr>
                            <td>
                                <div class="smartStringExpander">
                                    <nobr>
                                        MMdefghi jklmnabcdefghijklmnabcdefg hijklmn111111111
                                    </nobr>
                                </div>
                            </td>
                            <td width="9">
                                <IMG SRC="magnifying_glass.gif">
                            </td>
                        </tr>
                    </table>
                </td>
                <td width="75%">
                    <table style="table-layout:fixed">
                        <tr>
                            <td>
                                <div class="smartStringExpander">
                                    <nobr>
                                        WWWWWfghi jklmnabcdefghijklm nabcdefg hijklmn111111111 ddd ff
                                    </nobr>
                                </div>
                            </td>
                            <td width="9">
                                <IMG SRC="magnifying_glass.gif">
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>

        <table style="table-layout:fixed" width="400">
            <tr>
                <td width="25%">
                    <table style="table-layout:fixed">
                        <tr>
                            <td>
                                <div class="smartStringExpander">
                                    <nobr>
                                        abcdefghi jklmnabcdefghijklmnabcdefg hijklmn111111111
                                    </nobr>
                                </div>
                            </td>
                            <td width="9">
                                <IMG SRC="magnifying_glass.gif">
                            </td>
                        </tr>
                    </table>
                </td>
                <td width="75%">
                    <table style="table-layout:fixed">
                        <tr>
                            <td>
                                <div class="smartStringExpander">
                                    <nobr>
                                        abcdefghi jklmnabcdefghijklmnabcdefg hijklmn111111111
                                    </nobr>
                                </div>
                            </td>
                            <td width="9">
                                <IMG SRC="magnifying_glass.gif">
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
            <tr>
                <td width="25%">
                    <table style="table-layout:fixed">
                        <tr>
                            <td>
                                <div class="smartStringExpander">
                                    <nobr>
                                        MMdefghi jklmnabcdefghijklmnabcdefg hijklmn111111111
                                    </nobr>
                                </div>
                            </td>
                            <td width="9">
                                <IMG SRC="magnifying_glass.gif">
                            </td>
                        </tr>
                    </table>
                </td>
                <td width="75%">
                    <table style="table-layout:fixed">
                        <tr>
                            <td>
                                <div class="smartStringExpander">
                                    <nobr>
                                        WWWWWfghi jklmnabMMMklm nabcdefg hijklmn111111111 ddd ff
                                    </nobr>
                                </div>
                            </td>
                            <td width="9">
                                <IMG SRC="magnifying_glass.gif">
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
</HTML>

效果：

Fixed layout table

abcdefghi jklmnabcdefghijklmnabcdefg hijklmn111111111
abcdefghi jklmnabcdefghijklmnabcdefg hijklmn111111111
MMdefghi jklmnabcdefghijklmnabcdefg hijklmn111111111
WWWWWfghi jklmnabcdefghijklm nabcdefg hijklmn111111111 ddd ff
abcdefghi jklmnabcdefghijklmnabcdefg hijklmn111111111
abcdefghi jklmnabcdefghijklmnabcdefg hijklmn111111111
MMdefghi jklmnabcdefghijklmnabcdefg hijklmn111111111
WWWWWfghi jklmnabMMMklm nabcdefg hijklmn111111111 ddd ff

作者: 解惑/Cherami
原载: 显示超长文字
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。
分类: Web, JavaScript
]]> http://www.jiehoo.com/how-to-show-long-string-on-page.htm/feed/ 痛苦的浏览器兼容 http://www.jiehoo.com/%e7%97%9b%e8%8b%a6%e7%9a%84%e6%b5%8f%e8%a7%88%e5%99%a8%e5%85%bc%e5%ae%b9.htm http://www.jiehoo.com/%e7%97%9b%e8%8b%a6%e7%9a%84%e6%b5%8f%e8%a7%88%e5%99%a8%e5%85%bc%e5%ae%b9.htm#comments Wed, 24 Jan 2007 10:00:02 +0000 Cherami JavaScriptaddEventListenerattachEvent兼容浏览器 http://www.jiehoo.com/%e7%97%9b%e8%8b%a6%e7%9a%84%e6%b5%8f%e8%a7%88%e5%99%a8%e5%85%bc%e5%ae%b9.htm 今天又遇到一个浏览器兼容的问题，IE和FF的时间添加机制不一样，FF是addEventListener，IE是attachEvent，但是这个还不是全部，如果添加多个，这个顺序依然是不一样的，FF按照添加的顺序执行，而IE按照添加的倒序执行！
为了修正这个问题，只能使用变态的setTimeout避免这个，将对前面的结果有依赖的那个函数的调用放到setTimeout里面延迟执行。


作者: 解惑/Cherami
原载: 痛苦的浏览器兼容
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。
分类: JavaScript
]]> http://www.jiehoo.com/%e7%97%9b%e8%8b%a6%e7%9a%84%e6%b5%8f%e8%a7%88%e5%99%a8%e5%85%bc%e5%ae%b9.htm/feed/ 动态添加多个事件处理函数 http://www.jiehoo.com/append-event-handlers-for-form-element.htm http://www.jiehoo.com/append-event-handlers-for-form-element.htm#comments Fri, 29 Dec 2006 07:19:00 +0000 Cherami JavaScriptJavaScript处理添加事件 http://www.jiehoo.com/append-event-handlers-for-form-element.htm 一般我们都是直接设定一个事件处理函数，或者在事件处理字符串里面写一串连续调用的，但是在写一些通用的东西时就不好办了，这个时候就要动态添加多个事件处理函数了，样例代码为：
var ie = /msie/ig.test(navigator.userAgent);
if(ie) {
    element.attachEvent("onfocus", focusSubmit);
} else {
    element.addEventListener("focus", focusSubmit, false);
}

注意除了方法名不一样外，事件的名字也不一样，其它的事件类似。IE是带on的，而Mozilla系列（包括FF）是不带on的。


作者: 解惑/Cherami
原载: 动态添加多个事件处理函数
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。
分类: JavaScript
]]> http://www.jiehoo.com/append-event-handlers-for-form-element.htm/feed/ 动态设置带参数的onclick事件 http://www.jiehoo.com/dynamic-set-onclick-handler-with-parameters.htm http://www.jiehoo.com/dynamic-set-onclick-handler-with-parameters.htm#comments Fri, 29 Dec 2006 06:26:58 +0000 Cherami JavaScriptJavaScript动态参数事件 http://www.jiehoo.com/dynamic-set-onclick-handler-with-parameters.htm 本来这个应该不是什么难事，但是我们是在一个受限的情况下写代码，我们有一个RadioSelectEntry类帮助我们生成RadioButton元素，但是又没有提供设置onclick事件的方法，只能在onload里面做，但是可能有多个，我不愿意写几个一样的方法，想根据参数动态设置，这就遇到问题了，因为一般都是这样：
element.onclick=functionName;
这里的functionName就是事件处理函数，但是我的是带参数的，怎么办？呵呵，一个小技巧就可以解决：匿名函数：
    element.onclick=function() {
        functionName(param);
    };


作者: 解惑/Cherami
原载: 动态设置带参数的onclick事件
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。
分类: JavaScript
]]> http://www.jiehoo.com/dynamic-set-onclick-handler-with-parameters.htm/feed/ 慎用JavaScript修改Form的元素的值 http://www.jiehoo.com/be-careful-to-use-javascript-modify-form-element-value.htm http://www.jiehoo.com/be-careful-to-use-javascript-modify-form-element-value.htm#comments Thu, 21 Dec 2006 06:28:25 +0000 Cherami JavaScript问题FormJavaScript后退修改 http://www.jiehoo.com/be-careful-to-use-javascript-modify-form-element-value.htm 很早就收到一个Bug说修改了某个元素的值以后，点击Next提交然后使用浏览器的Back按钮返回，结果那个元素的值是提交以前的值。
这个应该是浏览器的History功能的限制，它不能记录你的Javascript代码对Form元素的值的修改。在完成向导之类的功能的时候不要使用自定义的表单元素，或者不要用JavaScript去修改其它的需要提交的元素的值，这些修改都不会被浏览器的History功能记录。当用户点击浏览器的后退时，他可能看到不是他期望的结果。
一般要解决这个问题，要么禁用浏览器的后退功能（很多MIS系统可能都是这么干的），自己另外提供一个后退功能重新从后台取数据并刷新页面。
要么使用Cookie记录那些操作并在页面的onload事件里面从Cookie提取那些记录。
无论是那种方法都不是很方便。

不知道有没有完美的解决方案。另外这个问题对IE和FF都是有效的。


作者: 解惑/Cherami
原载: 慎用JavaScript修改Form的元素的值
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。
分类: JavaScript
]]> http://www.jiehoo.com/be-careful-to-use-javascript-modify-form-element-value.htm/feed/ 推荐一个显示Tooltip的JavaScript库：overLIB http://www.jiehoo.com/recommend-overlib.htm http://www.jiehoo.com/recommend-overlib.htm#comments Tue, 07 Nov 2006 06:06:35 +0000 Cherami JavaScriptJavaScriptoverlib http://www.jiehoo.com/recommend-overlib.htm 其实这个本来是我为了修正公司产品中的Tooltip实现想使用的东西，可惜架构师不太同意这样做，因为原来的产品中已经有相关的实现，引入第三方的东西不太好。
这个东西的功能很强大，我在一个兼职的项目中使用过，效果非常不错。
除了强大外，浏览器兼容也是没有问题的，如果你的页面上需要显示提示信息，这个是一个不错的选择。
产品的主页：http://www.bosrup.com/web/overlib/


作者: 解惑/Cherami
原载: 推荐一个显示Tooltip的JavaScript库：overLIB
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。
分类: JavaScript
]]> http://www.jiehoo.com/recommend-overlib.htm/feed/ 宽度可以调整的Frame和Table http://www.jiehoo.com/resizable-frame-and-table.htm http://www.jiehoo.com/resizable-frame-and-table.htm#comments Tue, 24 Oct 2006 03:25:12 +0000 Cherami JavaScript调整宽度frameJavaScriptresizetable http://www.jiehoo.com/%e5%ae%bd%e5%ba%a6%e5%8f%af%e4%bb%a5%e8%b0%83%e6%95%b4%e7%9a%84frame%e5%92%8ctable.htm 这个是我们的产品中宽度可以调整的Frame和Table的原型代码，可以给大家参考下。关键点就是对鼠标事件的处理，这个方案有个不太好的地方就是修改的是document的鼠标事件，如果以后有更多的类似特性要支持，代码要修改的地方比较多，以后有时间再考虑有没有更好的方案，有经验的请告知。

宽度可以调整的Frame和Table原型


作者: 解惑/Cherami
原载: 宽度可以调整的Frame和Table
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。
分类: JavaScript
]]> http://www.jiehoo.com/resizable-frame-and-table.htm/feed/ 推荐一个AJAX相关的JS库：setInnerHTML http://www.jiehoo.com/recommend-ajax-js-setinnerhtml.htm http://www.jiehoo.com/recommend-ajax-js-setinnerhtml.htm#comments Tue, 24 Oct 2006 02:20:54 +0000 Cherami JavaScript AJAXAJAXinnerHTMLJavaScript http://www.jiehoo.com/%e6%8e%a8%e8%8d%90%e4%b8%80%e4%b8%aaajax%e7%9b%b8%e5%85%b3%e7%9a%84js%e5%ba%93%ef%bc%9asetinnerhtml.htm 跨浏览器的设置innerHTML方法 这个JS库是无意中发现的，而且刚好我们的产品要引入AJAX，但是我们又不能使用纯粹的AJAX方案，因为我们的产品已经开发了很长时间了，服务器端返回的是HTML，要专门为引入的AJAX返回特殊的内容工作量比较大，但是由于返回的HTML比较复杂，还可能包含了JS文件的引用以及JS代码，所以在IE下或者FF下总是有这样那样的问题，这个JS库的引入很好的解决了我们面临的问题，推荐在已有B/S产品或者项目中引入AJAX特性的项目使用这个解决方案。 作者: 解惑/Cherami 原载: 推荐一个AJAX相关的JS库：setInnerHTML 版权所有。转载时必须以链接形式注明作者和原始出处及本声明。 分类: JavaScript, AJAX]]> >跨浏览器的设置innerHTML方法

这个JS库是无意中发现的，而且刚好我们的产品要引入AJAX，但是我们又不能使用纯粹的AJAX方案，因为我们的产品已经开发了很长时间了，服务器端返回的是HTML，要专门为引入的AJAX返回特殊的内容工作量比较大，但是由于返回的HTML比较复杂，还可能包含了JS文件的引用以及JS代码，所以在IE下或者FF下总是有这样那样的问题，这个JS库的引入很好的解决了我们面临的问题，推荐在已有B/S产品或者项目中引入AJAX特性的项目使用这个解决方案。


作者: 解惑/Cherami
原载: 推荐一个AJAX相关的JS库：setInnerHTML
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。
分类: JavaScript, AJAX
]]> http://www.jiehoo.com/recommend-ajax-js-setinnerhtml.htm/feed/ IE的并发连接请求限制导致的问题 http://www.jiehoo.com/ie-two-concurrent-request-limitation-problem.htm http://www.jiehoo.com/ie-two-concurrent-request-limitation-problem.htm#comments Mon, 23 Oct 2006 03:22:05 +0000 Cherami Web JavaScript AJAX限制连接IE http://www.jiehoo.com/ie%e7%9a%84%e5%b9%b6%e5%8f%91%e8%bf%9e%e6%8e%a5%e8%af%b7%e6%b1%82%e9%99%90%e5%88%b6%e5%af%bc%e8%87%b4%e7%9a%84%e9%97%ae%e9%a2%98.htm 公司的产品导入了AJAX，但是后来发现一个严重的问题，就是在IE下，首页切换到其它页面比较困难，特别是首页还有一个下拉列表，选择不同的值会将首页的那些AJAX区域重新加载，如果其中几个比较慢（服务器端返回比较慢，因为有些存在性能问题，数据量大了以后查询特别慢），那么切换的时候要等很长时间，所以表面上看上去就是IE死掉了，但是在FireFox下没有这个问题。后来查证是IE下有两个并发连接请求的限制，每个AJAX请求也都算一个请求。后来的解决办法就是将AJAX请求排队，一个执行完了才能执行另外一个，这样无论怎么切换都是马上响应的，这个修改只对IE有效，FF下就不进行限制。
  var divRequestMap = new Object();
  var requestDivIdList = new Array();
  var currentRequest=0;
  var requestQueue = new Array();
  var useRequestQueueFlag= /msie/ig.test(navigator.userAgent);
 
  function createrequest()
  {
     try
     { 
       if(typeof ActiveXObject!="undefined")
       {
        try
         {
           return new ActiveXObject("Microsoft.XMLHTTP");
         }catch(a)
         {}
       }
       if(typeof XMLHttpRequest!="undefined")
       {
         return new XMLHttpRequest()
       }
       return null;
     }catch(e){}
  }

    function abortRequest(request)
    {
        function doNothing() {
        }
        request.onreadystatechange = doNothing;
        request.abort();
        delete request;
        currentRequest–;
    }
   
    function addRequest(url,divId)
    {
        var item=new Array();
        item[0]=url;
        item[1]=divId;
        requestQueue.push(item);
    }
   
    function abortAllRequest()
    {
        if (useRequestQueueFlag)
        {
            while (requestQueue.length)
            {
                requestQueue.shift();
            }
            while (requestDivIdList.length)
            {
                abortRequest(divRequestMap[requestDivIdList.shift()]);
            }
            currentRequest=0;
        }
    }
   
    function removeRequestDivId(divId)
    {
        for (i=0;i<requestDivIdList.length;i++)
        {
            var item=requestDivIdList.shift();
            if (item==divId)
            {
                return;
            }
            else
            {
                requestDivIdList.push(item);
            }
        }
    }
   
    function executeRequestArray()
    {
        if (requestQueue.length)
        {
            var item=requestQueue.shift();
            if (!ajax_loaddiv_get(item[0],item[1],true))
            {
                requestQueue.unshift(item);
            }
        }
        setTimeout("executeRequestArray()",200);
    }
   
  abortAllRequest();
  executeRequestArray();
 
  function useRequestQueue(url,divId,queue)
  {
        if (!useRequestQueueFlag)
        {
              return true;
        }
        if (currentRequest>0)
        {
            if (!queue)
            {
                addRequest(url,divId);
            }
            return false;
        }   
      currentRequest++;
      return true;     
  }

  function ajax_loaddiv_get(url,divId,queue)                                                            
  {
      try
      {                                                                                   
        if(divRequestMap[divId] != null)
        {
          abortRequest(divRequestMap[divId]);
        }
        if (!useRequestQueue(url,divId,queue))
        {
               return false;
        }
        var req = createrequest();
        divRequestMap[divId]=req;
        requestDivIdList.push(divId);                                                
        req.open("GET",url,true);                                                      
   
         req.onreadystatechange=function()
         {
             // if many serveral request is sent, and the reponseTest requires to be set into the same div,
             // only the last one’s request’s responseTest will be set.
              if (req.readyState==4)        
              {
                  currentRequest–;
                  removeRequestDivId(divId);
                var status=0;
                try
                {
                  status=req.status;
                } catch(err){}
                 
                if (status == 200)
                {
                    setInnerHTML(document.getElementById(divId),req.responseText);
                }
                else
                {
                  setInnerHTML(document.getElementById(divId),"<font class=ErrorDatastl>Error:"+req.statusText+"(code:"+req.status+")</font>");
                }
                divRequestMap[divId]=null;
              }
         }
         req.send(null)
                                                                                             
      }catch(e){}   
      return  true;                                                                        
  }
 
  }                                                                     

也可以下载完整的实现。


作者: 解惑/Cherami
原载: IE的并发连接请求限制导致的问题
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。
分类: Web, JavaScript, AJAX
]]> http://www.jiehoo.com/ie-two-concurrent-request-limitation-problem.htm/feed/ JavaScript中的HashMap http://www.jiehoo.com/javascript-hashmap.htm http://www.jiehoo.com/javascript-hashmap.htm#comments Mon, 23 Oct 2006 02:40:23 +0000 Cherami JavaScriptHashMapJavaScript http://www.jiehoo.com/javascript%e4%b8%ad%e7%9a%84hashmap.htm JavaScript是没有HashMap的标准实现的，但是我们可以使用Object的特性完成HashMap的功能，例如：

  var divRequestMap = new Object();
  function ajax_loaddiv_get(url,divId)                                                            
  {
    if(divRequestMap[divId] != null)
    {
          abortRequest(divRequestMap[divId]);
    }
    var req = createrequest();
    divRequestMap[divId]=req;
    …
  }

从上面的代码我们看到可以直接将字符串做为数组下标使用，这个和HashMap中使用字符串做为关键字存取内容是类似的，但是不足的是没有HashMap的对于主键和值集合进行遍历的方法。
如果要一个功能全面的HashMap也很简单，网上有很多标准实现。
推荐一个简单的实现，也可以直接下载封装好的JS文件。


作者: 解惑/Cherami
原载: JavaScript中的HashMap
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。
分类: JavaScript
]]> http://www.jiehoo.com/javascript-hashmap.htm/feed/