BlogJava-ice world-随笔分类-Javascript

JavaScript删除Array数组指定下标下的元素

IceWee — Fri, 09 Sep 2011 23:46:00 GMT

实际开发中很可能有删除指定下标元素的需求，这次我就遇到了，为了简单起见，我把数字下标加1了，也就是说要删除第一个元素需要传入参数1而不是0，下面为代码，如果不喜欢可以修改代码！

/**
* 删除指定下标的数组元素
*/
Array.prototype.remove = function(index){
    if (isNaN(index) || index < 1 || index > this.length) {
        return;
    }
    for(var i = 0; i < this.length; i++){
        if (i == index - 1) {
            for(var j = i; j < this.length; j++){
                this[j] = this[j+1];
            }
            this.length = this.length - 1;
            break;
        }

    }
}

IceWee 2011-09-10 07:46 发表评论

高仿Google Suggest & Baidu Suggest

IceWee — Sat, 23 Apr 2011 19:41:00 GMT

摘要: 经常用谷歌百度的人会觉得他们自动提示下拉框很酷，而且用来起很方便。最近由于业务需求，我们也需要这样的功能，网络上搜刮了一下，但却遇不到自己满意的，于是决定取长补短，自己重构。由于平常很少写类似控件或小工具的脚本，顶多写点简单的校验脚本，所以写了这个东东花费了我3天时间，当然3天也不全是一直扑到它身上，毕竟还有其他的工作，通过这次练习，自己对protype的熟悉又更近了一步。阅读全文

IceWee 2011-04-24 03:41 发表评论

使用childNodes获取table对象子节点遇到的问题

IceWee — Sat, 16 Apr 2011 06:29:00 GMT

最近在写一个tab标签控件，用到了childNodes，节点可以用childNodes[0]来获取其第一个节点，但是有些节点是有隐藏节点的，即便你不写，它也是存在的，我就遇到了这么个主儿，table，我曾两次受到它的折磨，想要的东西得不到，想要的效果出不来，都拜它所赐！那是因为用 table.childNodes[0]得到的并不是你在HTML里写的第一个节点，而是一个tbody的节点，即便你不写，它也是存在的，所以当你想得到第一个tr节点时你必须这样写：table.childNodes[0].childNodes[0]。就是如此！

IceWee 2011-04-16 14:29 发表评论

关于在IE下对Select标签设置innerHTML无效的问题

IceWee — Fri, 15 Apr 2011 18:01:00 GMT

今天在做应用的时候有个级联菜单的功能，因为一般做开发的时候都是使用FireFox居多（原因不用多说，相信所有的前端开发人员都曾经尝到了恶心的IE不遵守W3C标准的痛苦），因此想当然的时候对一个Select标签进行了如下操作： selectObj.innerHTML = ''

写完之后兴冲冲在FireFox下测试了一下功能，没问题，觉得OK！第二天有个同事在测试的时候发现在IE下选什么都没有用，出不来子菜单，告诉我之后，着实把我郁闷了一番。在IE6下看了一把，貌似也没有报什么脚本错误，但就是innerHtML没有设置成功，因为之前没有遇到过这个问题，调了很久都没有找到原因。后来有IE Develop Toolbar看了一下生成之后的HTML结构，发现IE根本没有按照我规定的格式去渲染select标签，赶紧在Google上搜了一把，发现这是IE 的一个BUG，微软的BUG申明中注明了两种解决方案： 1. 如果您必须使用 innerHTML ，一种替代方法是使用一个 div 对象封装 SELECT 元素和然后设置 div 对象的 innerHTML 属性。例如：

<html>
<head>
<title>My Exampletitle>
<script type="text/javascript">

script>
head>
<body onload="init()">
<div id="myDiv">
    <select name="firstSelect" size="1">
        <option>11111option>
        <option>22222option>
        <option>33333option>
    select>
div>
<div id="yourDiv">
    <select name="secondSelect" size="1">
        <option>aaaaoption>
        <option>bbbboption>
        <option>ccccoption>
    select>
div>
<button onclick="setValues();">click me to set the valuesbutton>
body>
html>

2. 理想情况下，应使用选项(Option) 集合添加为 SELECT 元素的选项。下面的代码显示用编程方式将选项添加到 SELECT 元素的三种方法。例如：

<html>
<head>
<title>Exampletitle>
<script type="text/javascript">

script>
head>
<body>
    <h2>SELECT Box Populationh2>
    <select id=select1 name=select1>select>
    <input type="button" value="Populate with options list" id="button1" name="button1" onclick="fill_select1();">
    <br /><br />
    <select id="select2" name="select2">select>
    <INPUT type="button" value="Populate with outerHTML" id="button2" name="button2" onclick="fill_select2();">
    <br /><br />
    <select id="select3" name="select3">select>
    <input type="button" value="Populate with using createElement" id="button3" name="button3" onclick="fill_select3();">
body>
html>

虽然这个BUG在GOOGLE上已经有不少人发表了看法，我还是觉得应该自己去写下来，总结加深印象，希望能给有需要的朋友提供帮助，少走一些弯路。

本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/grubbyfan/archive/2009/01/09/3743344.aspx

IceWee 2011-04-16 02:01 发表评论

IE7去掉地址栏，window.close()不提示是否关闭

IceWee — Wed, 13 Apr 2011 08:44:00 GMT

IE6 的邮件可以直接去掉地址栏，但IE7不行，使用window.open，设置location=no，可地址栏依旧可见，只是变成只读而已。在网上搜索了一下，说微软为了安全，防止钓鱼程序，在安全设置的时候关闭了，脚本可以初始化窗口的功能，需要自己手动启用才有效，方法如下：

工具-->Internet选项-->安全-->Internet-->自定义级别-->设置，在设置中调整两个选项：
充许网站打开没有地址栏和状态栏的窗口：启用；
充许由脚本初始化窗口，不受大小和位置限制：启用；

重新启动IE7即可，地址栏消失；

因为打开了新窗口，所以想关闭原来的窗口，调用了window.close，可提示是否关闭，这个在IE6里也是没有的，看来IE7相对IE6确实改变很大，在网上搜了个方法，可以去掉提示，如下：

window.opener = null;
window.open('', '_self');
window.close();

IceWee 2011-04-13 16:44 发表评论

JS打开窗口最大化，不是满屏，不是初始化窗口宽高，而是和鼠标点击最大化一样的效果

IceWee — Wed, 13 Apr 2011 08:38:00 GMT

弹出窗口在WEB开发中经常遇见，偶尔也会有打开窗口最大化的需求。我们的系统为了扩大可用区域范围，以及禁止用户刷新或在地址栏里直接敲入地址，采用了window.open的方式弹出一个没有地址栏，以及那些减小可用范围的浏览器元素。一直以来我们采用的方式都是如下：

screenWidth = window.screen.width - 10;
screenHeight = window.screen.height;window.open(url,'','width='+screenWidth+',height='+screenHeight+',left=0,top=0,titlebar=no,menubar=no,toolbar=no,location=no,status=no,scrollbars=yes,resizable=yes');

也就是获取屏幕的宽高，再设置打开窗口的宽高，但这和鼠标点击点击最大化是不同的，窗口虽说是和屏幕一样宽高了，但和用鼠标拉成的效果一样，最大化按钮还在那里，看着不算满意。还有一种是全屏的方案，这个方案仅次于我们用的这种，真正意义上的可视化区域最大，但窗口没有了边框，看着不舒服，命令如下

//window.open(url, '', 'fullscreen'); // 开启一个全屏的窗口。

网上还有一种借助object对象的方法，也能实现窗口最大化，这个和鼠标点击最大化是一样的效果，但我把它舍弃了，因为窗口弹出后需要我确认一下“ActiveX”控件，这个很烦人，我想用户肯定也不喜欢。卖了这么多的关子，相比各位已经迫不及待了，言归正传，来的朋友肯定是不知道的，知道的也不会来，呵呵，命令如下：

window.open(url, '', 'scrollbars=yes,resizable=yes,channelmode'); // 开启一个被F11化后的窗口起作用的是最后那个特效

即channelmode，前两个是我自己加的，我想让窗口可以最小化或修改大小，不理解你可以把前面的属性去掉试试，那样窗口的最大化按钮就只读了。

IceWee 2011-04-13 16:38 发表评论