亚洲白色白色永久观看,亚洲日韩国产二区无码,亚洲成人黄色在线观看

【�{】�ȝ��JavaScript(Iframe、window.open、window.showModalDialog)父窗口与子窗口之间的操作

艾�L — Tue, 21 Dec 2010 09:47:00 GMT

前些日子�Q�一直奔波于�q�三�U�操作，��x��以后会常用，�q�脆整理下来�Q�供自己以后查看。也�l�大家分享一下！
        以下面写��p��为有用的操作和代码�?br />         �W�一�ơ在园里面写�Q�肯定有很多不��够之处，希望大家多多指点�?br />
一、Iframe ��?br />
//&&&&&&&&&&&&&&&&&&&&公共�Ҏ��开�?amp;&&&&&&&&&&&&&&
//父对象得到子�H�口的�?/span>
//ObjectID是窗口标识，ContentID是元素ID
function GetValue(ObjectID,ContentID)
{
       var IsIE = (navigator.appName == 'Microsoft Internet Explorer')
                     if(IsIE)
                     {//如果是IE
                            alert(document.frames(ObjectID).document.getElementById(ContentID).innerHTML);
                     }
                     else
                     {//如果是FF
                             alert(document.getElementById(ObjectID).contentDocument.getElementById(ContentID).innerHTML);
                                   //FF下不支持innerText; 下面是解��x��?nbsp;
                                   //if(document.all){
                                   //　　alert(document.getElementById('div1').innerText);
                                   //} else{
                                   //　 alert(document.getElementById('div1').textContent);
                                   //}
                     }
}

//父对象向子窗口赋�?/span>
//ObjectID是窗口标识，ContentID是元素ID
function SetValue(ObjectID,ContentID)
{
var IsIE = (navigator.appName == 'Microsoft Internet Explorer')
              if(IsIE)
              {//如果是IE
                     document.frames(ObjectID).document.getElementById(ContentID).innerHTML="我是IE下通过父窗口赋��D��来的";
              }
              else
              {//如果是FF
                      document.getElementById(ObjectID).contentDocument.getElementById(ContentID).innerHTML="我是FF下通过父窗口赋��D��来的";
              }
}
//&&&&&&&&&&&&&&&&&&&&公共�Ҏ��l�束&&&&&&&&&&&&&&&

      1.父窗口对子窗口操�?br />
��h��Q?br />       document.getElementById("IframeID").src=document.getElementById("IframeID").src+"?_="+Math.random();
上面�q�种�Ҏ��有时需要对“src”属性处理一下�?br />
取��|��
//父窗口取子窗口的�?/span>
       GetValue("Iframe1","IframeDiv");

赋��|��
//父窗口设�|�窗口元素的�?
       SetValue("Iframe1","IframeDiv");

   2.子窗口操作父�H�口

              ��h��Q?br />            (1)、window.parent.location.href=window.parent.location.href;
           (2)、window.parent.location.reload();
              (3)、大家可以补�?br />
    取��|��
alert(window.parent.document.getElementById("IframeDiv").innerHTML);

赋��|��
window.parent.document.getElementById("IframeDiv").innerHTML="我是从子�H�口IFRAME传过来的�?/span>";

关闭�Q?br /> window.parent.opener=null;//如果不加�q�句�Q�会提示关闭询问�H�口;
window.parent.close();
二、window.open ��?br /> 1.父窗口对子窗口操�?br /> 打开�Q?br /> var win=null;
win=window.open("Open.html","win","width=200,height=200");

最大化�Q?br /> //�H�口最大化
function SonMaximize()
{
       if(win&&win.open&&!win.closed)
       {
              win.moveTo(-4,-4);
              win.resizeTo(screen.availWidth+8,screen.availHeight+8);
       }else{
              alert('�q�没有打开�H�口或已�l�关�?);
       }
}

最��化�Q?br /> //�H�口最��化
function SonMinimize()
{
       if(win&&win.open&&!win.closed)
       {
              win.resizeTo(0,0);
              win.moveTo(0,window.screen.width);
       }else{
       alert('�q�没有打开�H�口或已�l�关�?);
       }
}

关闭�Q?br /> //关闭�H�口
function CloseSon()
{
       if(win&&win.open&&!win.closed)
       {
              win.opener=null;
              win.close()
       }else{
              alert('�q�没有打开�H�口或已关闭') ;
       }
}

��h��Q?br /> //��h��
function RefreshSon()
{
       if(win&&win.open&&!win.closed)
       {
              win.location.reload();
              win.focus();
       }else{
              alert('�H�口�q�没有打开或已关闭');
       }
}

查看�H�口大小�Q?br /> function ViewSonSize()
{
       if(win&&win.open&&!win.closed)
       {
              alert(win.document.body.clientWidth+'*'+win.document.body.clientHeight);
              win.focus();
       }else
       {
              alert(' �q�没有打开�H�口或者已关闭');
       }
}

取��|��
alert(window.document.getElementById("OpenDiv").innerHTML);

赋��|��
win.document.getElementById("OpenDiv").innerHTML="我是从父�H�口中传�q�来的�?/span>";

2.子窗口操作窗�?br />
��h��Q?br /> window.opener.location.reload();
       //下面�q�种�Ҏ��也可�?/span>
       //window.parent.location.href=window.parent.location.href;

关闭本窗口：
//关闭本窗�?/span>
function CloseWindow()
{     //window.opener.opener=null;
       window.close();
}

关闭父窗�?
//关闭父窗�?/span>
function CloseParent()
{     //火狐下不起作�?如果要想起作用。用下面的方�?/span>
    //开firefox,在地址栏输入about:config
       //扑ֈ�dom.allow_scripts_to_close_windows�q�项�q�改为true
              var IsIE = (navigator.appName == 'Microsoft Internet Explorer')
              if(IsIE){//如果是IE
                     window.opener.opener=null;
                     window.opener.close();
                     window.close();
              }else{
                     alert("火狐不能直接关闭;需要以下设�|?.开firefox,在地址栏输入about:config;2.扑ֈ�dom.allow_scripts_to_close_windows�q�项�q�改为true");
              }

}

取��|��
alert(window.opener.document.getElementById("OpenDiv").innerHTML);

赋��|��
window.opener.document.getElementById("OpenDiv").innerHTML="我是从子�H�口Open传过来的�?/span>";

三、模态窗口篇
1.父窗口操作子�H�口
父窗口JS代码�Q?br /> var parValue="现在昄��了父�H�口中的变量�?/span>";
var hao="郝徏�?/span>";
function ShowDailog(PageHref,Title,Height,Width)
{
       //--------------left位置
       //screen.availHeight声明了显�C�浏览器的屏�q�的可用宽度
       var dleft =(screen.availHeight-Height)/2;
       //--------------top位置
       var dtop =(screen.availWidth-Width)/2;
       //---------------

Var sRet = window.showModalDialog(PageHref,window,Title,"scrollbars=yes;resizable=no;help=no;status=no;center=yes;dialogTop=25;dialogLeft="+ dleft +";dialogTop="+ dtop +";dialogHeight="+Height+"px;dialogWidth="+Width+"px;");
       //--------return
       if (sRet =="refresh")//�q�种是利用返回值来��h��爉��?/span>
       {
              window.Test="true";
              window.location.reload();
              alert(window.Test);
       }
}
function test()
{
       alert("模态窗口成功调用父�H�口的方�?/span>");
}
2.模态窗口操作父�H�口
var parentWin=window.dialogArguments;

��h��Q?br />        parentWin.location.reload();

取��|��
alert(parentWin.document.getElementById("ShowModalDialogDiv").innerHTML)   //获取父窗口中的对�?/span>
alert("我是从父�H�口中得到的变量>>>"+parentWin.parValue);       //获取父窗口中的变�?/span>

调用父窗口JS�Ҏ��Q?br /> parentWin.test();    //调用父窗口中的方�?/span>

赋��|��
parentWin.document.getElementById("ShowModalDialogDiv").innerHTML="我是从子�H�口ShowModalDialog传过来的�?/span>";

关闭本窗口：
//关闭本窗�?/span>
function CloseWindow()
{
       window.parent.close();
}

关闭父窗口：
//关闭父窗�?/span>
function CloseModal()
{
       var IsIE = (navigator.appName == 'Microsoft Internet Explorer')
              if(IsIE){//如果是IE
                     window.parent.parent.close();
                     //parentWin.opener=null;如果把上面的换成�q�行�Q�不能关闭父�H�口�Q?/span>
                     parentWin.close();
                     //window.parent.parent.parent.parent.close();�q�个只能关闭模态窗口本�w�目前只在IE6下测�?/span>
              }else{
                     alert("火狐不能直接关闭;需要以下设�|?.开firefox,在地址栏输入about:config;2.扑ֈ�dom.allow_scripts_to_close_windows�q�项�q�改为true");
              }
}
JavaScript父窗口与子窗口相互操�?rar

转自:http://www.cnblogs.com/haojianwei/archive/2010/03/02/1676707.html

艾�L 2010-12-21 17:47 发表评论

艾�L — Thu, 02 Sep 2010 04:57:00 GMT

");
msg=msg.replace(/\n/gi,"

");
if(!tf)
{
    document.all.UploadButton.disabled=true;
    FileObj.outerHTML=FileObj.outerHTML;
    MsgList.innerHTML=msg;
    HasChecked=false;
}
else
{
    document.all.UploadButton.disabled=false;
    if(IsImg)
      PreviewImg.innerHTML=""+ImgObj.src+"' width='60' height='60'>"
    else
      PreviewImg.innerHTML="非图片文�?/span>";
    MsgList.innerHTML=msg;
    HasChecked=true;
}
}

function CheckExt(obj)
{
ErrMsg="";
FileMsg="";
FileObj=obj;
IsImg=false;
HasChecked=false;
PreviewImg.innerHTML="预览�?/span>";
if(obj.value=="")return false;
MsgList.innerHTML="文�g信息处理�?img src="http://www.tkk7.com/Images/dot.gif" alt="" />";
document.all.UploadButton.disabled=true;
FileExt=obj.value.substr(obj.value.lastIndexOf(".")).toLowerCase();
if(AllowExt!=0&&AllowExt.indexOf(FileExt+"|")==-1) //判断文�g�c�d��是否允许上传
{
    ErrMsg="\n该文件类型不允许上传。请上传 "+AllowExt+" �c�d��的文�Ӟ��当前文�g�c�d��?/span>"+FileExt;
    ShowMsg(ErrMsg,false);
    return false;
}

if(AllImgExt.indexOf(FileExt+"|")!=-1)    //如果囄��文�g�Q�则�q�行囄��信息处理
{
    IsImg=true;
    ImgObj.src=obj.value;
    CheckProperty(obj);
    return false;
}
else
{
    FileMsg="\n文�g扩展�?"+FileExt;
    ShowMsg(FileMsg,true);
}

}

function SwitchUpType(tf)
{
    if(tf)
     str='<input type="file" name="file1" onchange="CheckExt(this)" style="width:180px;">'
    else
     str='<input type="text" name="file1" onblur="CheckExt(this)" style="width:180px;">'
    document.all.file1.outerHTML=str;
    document.all.UploadButton.disabled=true;
    MsgList.innerHTML="";
}

script>
<form enctype="multipart/form-data" method="POST" onsubmit="return HasChecked;">
<fieldset style="width: 372; height: 60;padding:2px;">
<legend><font color="#FF0000">囄��来源font>legend>
<input type="radio" name="radio1" checked onclick="SwitchUpType(true);">本地<input type="radio" name="radio1" onclick="SwitchUpType(false);">�q�程�Q?/span><input type="file" name="file1" onchange="CheckExt(this)" style="width:180px;"> <input type="submit" id="UploadButton" value="开始上�?/span>" disabled>

<div style="border:1 solid #808080;background:#E0E0E0;width100%;height:20px;color:#606060;padding:5px;">
<table border="0"><tr><td width="60" id="PreviewImg">预览�?/span>td><td id="MsgList" valign="top">td>tr>table>
div>
fieldset>
form>

转蝲�Q�http://hi.baidu.com/kk126/blog/item/a6cdd943a26ca01873f05dee.html

艾�L 2010-09-02 12:57 发表评论

HTML��面��d��事�g

艾�L — Fri, 30 Jul 2010 03:26:00 GMT

艾�L 2010-07-30 11:26 发表评论

艾�L — Fri, 16 Jul 2010 11:01:00 GMT

艾�L 2010-07-16 19:01 发表评论

艾�L — Fri, 09 Jul 2010 03:53:00 GMT

�W�一�U�去�?nbsp;�I�格的方�?br />
//��L��字串左边的空�?/span>
function lTrim(str)
{
   if (str.charAt(0) == " ")
   {
    //如果字串左边�W�一个字�W��ؓ�I�格
    str = str.slice(1);//��空��g��字串中去�?/span>
    //�q�一句也可改�?nbsp;str = str.substring(1, str.length);
    str = lTrim(str); //递归调用
   }
   return str;
}

//��L��字串双��的空�?/span>
function rTrim(str)
{
   var iLength;

   iLength = str.length;
   if (str.charAt(iLength - 1) == " ")
   {
    //如果字串双��W�一个字�W��ؓ�I�格
    str = str.slice(0, iLength - 1);//��空��g��字串中去�?/span>
    //�q�一句也可改�?nbsp;str = str.substring(0, iLength - 1);
    str = rTrim(str); //递归调用
   }
   return str;
}

//��L��字串两边的空�?/span>
function trim(str)
{
   return lTrim(rTrim(str));
}

�W�二�U�去�?nbsp;�I�格的方�?br />
function fntrimspace(str)//去除首尾�I�格函数
{
   while(str.substring(0,1)==" ")
   {
    str=str.substring(1);
   }
   while(str.substring(str.length-1)==" ")
   {
    str=str.substring(0,str.length-1);
   }
   return str;
}

相对来说我比较喜�Ƣ第二种��L��I�格的方�?br />

艾�L 2010-07-09 11:53 发表评论

javascript 数字验证

艾�L — Thu, 01 Jul 2010 04:27:00 GMT

javascript限制输入的只能是数字�Q�判断event.keyCode的��|��q�将它限定只能�ؓ数字�Q�如果不是数字，则返回错误，如果是数字，则��l��?nbsp;
我先介绍验证javascript是否是数字另一�U�方式，通过下面的函数来实现�Q?nbsp;
function isNumber(oNum)
   {
  if(!oNum) return false;
  var strP=/^\d+(\.\d+)?$/;
  if(!strP.test(oNum)) return false;
  try{
  if(parseFloat(oNum)!=oNum) return false;
  }
  catch(ex)
  {
   return false;
  }
  return true;
   }
�q�段javascript代码很简�z�，大家可以看下�?nbsp;
<mce:script language=javascript>
<input onkeydown="onlyNum();">
下面�q�有一�U�比较笨的方法，大家也可以看下，学习�?nbsp;
下次贴个用正则验证数字的
<mce:script language="javascript">
<body>
<form name="myform" onSubmit="return CheckMyForm()">
<input type="text" name="mytext">
<input type="submit" name="mysubmit">
form>
body>
最��单的javascript验证是否不是数字的代码如下：
<input type='TEXT' onKeyPress="if(event.keyCode==13){if(isNaN(this.value))alert('不是数�?)};">

本文来自CSDN博客�Q��{载请标明出处�Q�http://blog.csdn.net/heimaoxiaozi/archive/2009/08/01/4400522.aspx

艾�L 2010-07-01 12:27 发表评论

艾�L — Fri, 25 Jun 2010 17:07:00 GMT

/**
     * javascript 相当优秀的的随机数发生器�E�序�Q�能应用于许多领域�?nbsp;
     */
    rnd.today=new Date();
    rnd.seed=rnd.today.getTime();
    function rnd() {
        rnd.seed = (rnd.seed*9301+49297) % 233280;
        return rnd.seed/(233280.0);
    };

    function rand(number) {
        return Math.ceil(rnd()*number);
    };

调用
//生成1000内的随机�?/span>
alert(rand(1000));

艾�L 2010-06-26 01:07 发表评论

JavaScript实现复选框的全选和反�?lt;font color=red>一个很实用的例�?lt;/font>

艾�L — Wed, 25 Nov 2009 10:06:00 GMT

1 <html>
2 <title>复选框全选与反�?/span>title>
3 <style type="text/css">
4 fieldset{width:500px; font-size:12px; color:#666666;}
5 ul{list-style:none outside; list-style-image:none; padding:0; margin:0;}
6 ul li{ display:block; line-height:20px; height:20px; margin-top:10px; }
7 style>
8 <script type="text/javascript">
9 function check_all(){
10 var objCheck=document.getElementsByTagName("input");
11 for(var i=0; i<objCheck.length-2;i++){
12    objCheck[i].checked=true;
13 }
14 }
15 function check_resver(){
16 var objCheck=document.getElementsByTagName("input");
17 for(var i=0; i<objCheck.length-2;i++){
18    if(objCheck[i].checked==true){
19     objCheck[i].checked=false;
20    }
21    else{
22     objCheck[i].checked=true;
23    }
24 }
25 }
26 script>
27
28 <body>
29 <form id="form_checkbox">
30 <fieldset>
31    <legend>复选框全选与反�?/span>legend>
32    <ul>
33     <li>
34      <label>
35      <input type="checkbox" name="checkbox" value="checkbox" tabindex="1" />
36      label>
37      <span>有些心事span>
38     li>
39     <li>
40      <label>
41      <input type="checkbox" name="checkbox" value="checkbox" tabindex="2" />
42      label>
43      <span>有些事情span>
44     li>
45     <li>
46      <label>
47      <input type="checkbox" name="checkbox" value="checkbox" tabindex="3" />
48     label>
49     <span>有点心烦span>
50     li>
51     <li>
52      <label>
53      <input type="checkbox" name="checkbox" value="checkbox" tabindex="4" />
54     label>
55      <span>有点不安span>
56     li>
57     <li>
58      <label>
59      <input type="checkbox" name="checkbox" value="checkbox" tabindex="5" />
60      label>
61     <span>有种感觉span>
62     li>
63     <li>
64      <label>
65      <input type="checkbox" name="checkbox" value="checkbox" tabindex="6" />
66     label>
67     <span>不知所�?/span>span>
68     li>
69     <li>
70      <label>
71      <input type="button" value="�?nbsp;�? onclick="check_all();" />
72      <input type="button" value="�?nbsp;�? onclick="check_resver();" />
73      label>
74     li>
75    ul>
76 fieldset>
77 form>
78 body>
79 html>

艾�L 2009-11-25 18:06 发表评论

用javascript�~�写优美的代�?lt;font color=red>新手晋��

艾�L — Fri, 20 Nov 2009 05:03:00 GMT

一、简化代�?

采用更�ؓ��短的写法�Q�不仅可以减��输入的字符敎ͼ��q�可以减��文件大��。大部分采用��单写法的代码�Q�执行效率都有轻微提高�?

1.1 ��化常用对象定义：使用 var obj = {}; 代替 var obj = new Object();

使用 var arr = []; 代替 var arr = new Array();

1.2 �_��if语句三元操作�W�可以有效精��只涉及赋��g��值操作的if语句�Q�比�?

var score = 60, grade;
if (score < 60) {
    grade = “不及�?#8221;;
} else {
    grade = “及格”;
}
可以�_��为：
var score = 60;
var grade = score < 60 ? “不及�?#8221; : “及格”;

三元操作�W�也支持嵌套�Q�但是嵌套的层次太多会媄响程序的可读性，�q�方面要多加斟酌�?

1.3 使用JSONJSON是一�U�轻量��的数据格式，轻量�U�首先体现在它的�l�构定义非常��单�?

var obj = {};
obj.p1 = ‘a’;
obj.p2 = ‘b’;
obj.p3 = ‘c’;
可精��为：
var obj = {
    p1 : ‘a’,
    p2 : ‘b’,
    p3 : ‘c’
};

二、��用高效率的代�?
�|�上��传的效率优化文章非常多�Q�一些比较专业的javascript书籍也谈��C��不少�Q�因此，�q�里��只列出一些很��谈到的�?

2.1 �_��循环体��@环的效率很大�E�度上是由��@环体军_��的，与之相比�Q�用for�q�是while的差别就太小了。考虑如下的代码，其功能是为某一批元素添加事�Ӟ��

function addEvent(elems, eventName, handler) {
    for (var i = 0, len = elems.length; i < len; i++) {
        if (window.attachEvent) {
            elems[i].attachEvent(”on” + eventName, handler);
        } else if (window.addEventListener) {
            elems[i].addEventListener(eventName, handler, false);
        }
    }
}

循环每执行一�ơ，都会判断window对象的attachEvent或addEventListener是否存在�Q�其实这个仅判断一�ơ也��够�?此外�Q?#8220;”on” + eventName”的字�W�串拼接也会重复执行。优化如下：

function addEvent(elems, eventName, handler) {
    var i = -1, len = elems.length;
    if (window.attachEvent) {
        eventName = “on” + eventName;
        while (++i < len) {
            elems[i].attachEvent(eventName, handler);
        }
    } else if (window.addEventListener) {
        while (++i < len) {
            elems[i].addEventListener(eventName, handler, false);
        }
    }
}

2.2 ��量使用原生的函数而不是自定义函数当你对javascript的内�|�类型变量执行某��Ҏ��作时�Q�你应该先查查这��Ҏ��作是否有原生的方法�?

要生成一个数�l�的副本�Q�你会怎么做呢?遍历数组元素然后逐个赋值到另一个数�l�，�q�似乎是唯一的方法。其实，原生的Array.prototype.slice��可以达到复制的目的。这个方法可以从某个数组�q�回选定的元素，且不影响原来的数�l�。如果参数留�I�，�q�回的就是全部元素�?

Array.prototype.slice�q�可以对某些不是数组而又能通过数字索引讉K��的类型进行操作，比如arguments�Q?

arguments�Q?
function test() {
    alert(Array.prototype.slice.call(arguments));
}
test(1, 2, 3); // output “1,2,3″

在Firefox下，它甚臛_��以对HtmlCollection�q�行操作。可惜在IE下不行�?

另一个例子是数组排序�Q�一般情况下�Q�我们不需要另外写排序��法�Q�用原生的Array.prototype.sort��够了。sort�Ҏ��只有一个参敎ͼ�该参数是一个函敎ͼ�军_��两个相比较的元素谁在前谁在后�Q�默认是按照字符��序排序�Q�比�?1会排�?之前。要按数字大��排序，可以�q�样写：

var arr = [11, 2, 0, 12, 33];
arr.sort(
    function(a, b) {
        return a - b;
    }
);
也可以按照对象的某个属性进行排序：
var arr = [
    { id : 11 },
    { id : 0 },
    { id : 22 }
];
arr.sort(
    function(a, b) {
        return a.id - b.id;
    }
);

2.3 数组去重复Array�c�d��q�没有提供去重复的方法，如果要把数组的重复元素干掉，那得自己惛_��法：

function unique(arr) {
    var result = [], isRepeated;
    for (var i = 0, len = arr.length; i < len; i++) {
        isRepeated = false;
        for (var j = 0, len = result.length; j < len; j++) {
            if (arr[i] == result[j]) {
                isRepeated = true;
                break;
            }
        }
        if (!isRepeated) {
            result.push(arr[i]);
        }
    }
    return result;
}

��M��思�\是把数组元素逐个搬运到另一个数�l�，搬运的过�E�中��查这个元素是否有重复�Q�如果有��q��接丢掉。从嵌套循环��可以看出，�q�种�Ҏ��效率极低。我们可以用一个hashtable的结构记录已有的元素�Q�这样就可以避免内层循环。恰好，在javascript中实现hashtable是极为简单的�Q�改�q�如下：

function unique(arr) {
    var result = [], hash = {};
    for (var i = 0, elem; (elem = arr[i]) != null; i++) {
        if (!hash[elem]) {
            result.push(elem);
            hash[elem] = true;
        }
    }
    return result;
}

艾�L 2009-11-20 13:03 发表评论

�|�页表单的javascript集成验证�Ҏ��举例

艾�L — Fri, 20 Nov 2009 04:00:00 GMT

　　2、�ؓform��d��onsubmit属性：
　　

c:forEach 说明

艾�L — Fri, 13 Nov 2009 04:57:00 GMT

标签的语法定义如下所�C��?/strong>

                            begin="expression" end="expression" step="expression">

                            body content



          标签��h��以下一些属性：

l            var�Q��P代参数的名称。在�q�代体中可以使用的变量的名称�Q�用来表�C�每一个�P代变量。类型�ؓString�?/strong>

l            items�Q�要�q�行�q�代的集合。对于它所支持的类型将在下面进行讲解�?/strong>

l            varStatus�Q��P代变量的名称�Q�用来表�C��P代的状态，可以讉K��到�P代自�w�的信息�?/strong>

l            begin�Q�如果指定了items�Q�那么�P代就从items[begin]开始进行�P代；如果没有指定items�Q�那么就从begin开始�P代。它的类型�ؓ整数�?/strong>

l            end�Q�如果指定了items�Q�那么就在items[end]�l�束�q�代�Q�如果没有指定items�Q�那么就在end�l�束�q�代。它的类型也为整数�?/strong>

l            step�Q��P代的步长�?/strong>

          标签的items属性支持Java�q�_��所提供的所有标准集合类型。此外，您可以��用该操作来�P代数�l�（包括基本�c�d��数组�Q�中的元素。它所支持的集合类型以及�P代的元素如下所�C�：

l            java.util.Collection�Q�调用iterator()来获得的元素�?/strong>

l            java.util.Map�Q�通过java.util.Map.Entry所获得的实例�?/strong>

l            java.util.Iterator�Q��P代器元素�?/strong>

l            java.util.Enumeration�Q�枚丑օ�素�?/strong>

l            Object实例数组�Q�数�l�元素�?/strong>

l            基本�c�d��值数�l�：�l�过包装的数�l�元素�?/strong>

l            用逗号定界的String�Q�分割后的子字符丌Ӏ?/strong>

l            javax.servlet.jsp.jstl.sql.Result�Q�SQL查询所获得的行�?/strong>

          不论是对整数�q�是寚w��合进行�P代，的varStatus属性所��L��作用相同。和var属性一��P��varStatus用于创徏限定了作用域的变量（改变量只在当前标�{�体内�v作用�Q�。不�q�，由varStatus属性命名的变量�q�不存储当前索引值或当前元素�Q�而是赋予javax.servlet.jsp.jstl.core.LoopTagStatus�cȝ��实例。该�c�d��含了一�p�d��的特性，它们描述了�P代的当前状态，如下�q�些属性的含义如下所�C�：

l            current�Q�当前这�ơ�P代的�Q�集合中的）��V�?/strong>

l            index�Q�当前这�ơ�P代从0开始的�q�代索引�?/strong>

l            count�Q�当前这�ơ�P代从1开始的�q�代计数�?/strong>

l            first�Q�用来表明当前这轮�P代是否�ؓ�W�一�ơ�P代，该属性�ؓboolean�c�d��?/strong>

l            last�Q�用来表明当前这轮�P代是否�ؓ最后一�ơ�P代，该属性�ؓboolean�c�d��?/strong>

l            begin�Q�begin属性的倹{�?/strong>

l            end�Q�end属性的�?/strong>

l            step�Q�step属性的�?/strong>

下面��来看一个个基本的例子，表格隔行背景色变�?

            bgcolor="#CCCCFE" align="left">
            xxx

艾�L 2009-11-13 12:57 发表评论

艾�L — Thu, 12 Nov 2009 15:24:00 GMT

获取昄��的汉�?/span>

document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text

获取数据库中的id

window.document.getElementById("bigclass").value

获取select�l�分配的索引id

window.document.getElementById("bigclass").selectedIndex

例子�Q?/span>

使用
document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text
的结果是�Q�我适宜市哈

使用
window.document.getElementById("bigclass").value
的结果是�Q?

使用
window.document.getElementById("bigclass").selectedIndex
的结果是�Q?

一、新增一个option
    var sel=document.getElementById("select的id");
    var op=document.createElement("option");
     op.value=�?
     op.text=昄��文本;
     sel.add(op);

二、删除一个option
    var sel=document.getElementById("typelist");
if(sel.selectedIndex==-1)
   alert("请选中要删除的��?");
for(var i=0;i if(sel.options[i].selected){
sel.options.remove(i);
break;
}
}

三、清�I�select的所有option
   var citySel=document.getElementById("select的id");
   citySel.options.length=0;


四、获得选中��的�?
    var citySel=document.getElementById("select的id");
    var selectedValue=citySel.value;

五、获得当前选中��的索引
    var selectedIndex=document.all.objSelect.selectedIndex;

六、设�|�select的当前选中��?
    �Ҏ��1(单个select)�Q?document.getElementById("products_type_id").selectedIndex=1;
    �Ҏ��2(�U�联select如省市��?�Q?
     var province_sel=document.getElementById("province");//获得省select
var city_sel=document.getElementById("city");//获得市select
for(var i=0;i if(province_sel.options[i].value=="从数据库获取的省的�?){
    province_sel.options[i].selected=true;
break;
}
}
initCity("从数据库获取的省的�?);//初始化市select
for(var i=0;i if(city_sel.options[i].value=="${city}"){
    city_sel.options[i].selected=true;
break;
}
}

七、创建select动态设�|�选中��?
   var sel=document.getElementById("other_state");
     var sel_val=document.getElementById("other_media_id").innerHTML;

for(var obj in data){
var id=data[obj]["other_media_id"];
var name=data[obj]["other_media_name"];
var op=document.createElement("option");
op.setAttribute("value",id);
op.appendChild(document.createTextNode(name));
           if(id==sel_val){
op.setAttribute("selected","true");
   }
            sel.appendChild(op);
}

1、向Select里添加Option
function fnAddItem(text,value)
        {
            var selTarget = document.getElementById("selID");

            selTarget.Add(new Option("text","value"));
        }

2、删除Select里的Option
function fnRemoveItem()
        {
            var selTarget = document.getElementById("selID");

            if(selTarget.selectedIndex > -1)
            {//说明选中
                for(var i=0;i                 {
                    if(selTarget.options[i].selected)
                    {
                        selTarget.remove(i);

                        i = i - 1;//注意�q�一�?br />                     }
                }
            }
        }
3、移动Select里的Option到另一个Select�?br />         function fnMove(fromSelectID,toSelectID)
        {
            var from = document.getElementById(fromSelectID);
            var to = document.getElementById(toSelectID);

            for(var i=0;i             {
                if(from.options[i].selected)
                {
                    to.appendChild(from.options[i]);
                    i = i - 1;
                }
            }
        }
    if 里的代码也可用下面几句代码代�?/span>

var op = from.options[i];
to.options.add(new Option(op.text, op.value));
from.remove(i);
4、Select里Option的上下移�?br />         function fnUp()
        {
            var sel = document.getElementById("selID");
            for(var i=1; i < sel.length; i++)
            {//最上面的一个不需要移动，所以直接从i=1开�?br />                 if(sel.options[i].selected)
                {
                    if(!sel.options.item(i-1).selected)
                    {//上面的一��Ҏ��选中�Q�上下交�?br />                           var selText = sel.options[i].text;
                          var selValue = sel.options[i].value;

                          sel.options[i].text = sel.options[i-1].text;
                          sel.options[i].value = sel.options[i-1].value;
                          sel.options[i].selected = false;

                          sel.options[i-1].text = selText;
                          sel.options[i-1].value = selValue;
                          sel.options[i-1].selected=true;
                    }
                }
            }
        }
在进行上下两��互换时�Q�也可以使用以下代码�Q�但是效率很低，因�ؓ每一�ơ的Dom操作都将��D��整个��面的重新布局�Q�所以不如直接修改元素的属性倹{�?/span>

                        var oOption = sel.options[i]
                        var oPrevOption = sel.options[i-1]
                        sel.insertBefore(oOption,oPrevOption);
向下�U�d��同理

function fnDown()
        {
            var sel = fnGetTarget("selLeftOrRight");
            for(var i=sel.length -2; i >= 0; i--)
            {//向下�U�d��Q�最后一个不需要处理，所以直接从倒数�W�二个开�?br />                 if(sel.options.item(i).selected)
                {
                    if(!sel.options.item(i+1).selected)
                    {//下面的Option没选中�Q�上下互�?br />                           var selText = sel.options.item(i).text;
                          var selValue = sel.options.item(i).value;

                          sel.options.item(i).text = sel.options.item(i+1).text;
                          sel.options.item(i).value = sel.options.item(i+1).value;
                          sel.options.item(i).selected = false;

                          sel.options.item(i+1).text = selText;
                          sel.options.item(i+1).value = selValue;
                          sel.options.item(i+1).selected=true;
                    }
                }
            }
        }
5、Select里Option的排�?br /> �q�里借助Array对象的sort�Ҏ��q�行操作�Q�sort�Ҏ��接受一个function参数�Q�可以在�q�个function里定义排序时使用的算法逻辑�?br /> array.sort([compareFunction]) 里compareFunction接受两个参数(p1,p2)�Q�sort操作�q�行�Ӟ��array对象会每�ơ传两个��D��去，�q�行比较�Q�compareFunciton必须�q�回一个整数��|��当返回�?gt;0�Ӟ��p1会排在p2后面�Q�返回�?lt;0�Ӟ��p1会排在p2前面�Q�返回�?0�Ӟ��不进行操作�?br /> 例如�Q?/span>

function fnCompare(a,b)
        {
            if (a < b)
                return -1;
            if (a > b)
                return 1;
            return 0;
        }
var arr = new Array();
//add some value into arr
arr.sort(fnCompare);
//�q�里sort的操作结果就是arr里的��Ҏ��由小到大的升序排�?br /> //如果把fnCompare里改�?br /> //if (a < b)
// return 1;
//if (a > b)
// return -1;
//return 0;
//则sort的结果是降序排列

好，下面��是对Select里Option的排�?/span>

//因�ؓ排序可以按Option的Value排序�Q�也可以按Text排序�Q�这里只演示按Value排序
function sortItem()
{
    var sel = document.getElementById("selID");
    var selLength = sel.options.length;
    var arr = new Array();
    var arrLength;

    //��所有Option攑օ�array
    for(var i=0;i     {
        arr[i] = sel.options[i];
    }
    arrLength = arr.length;

    arr.sort(fnSortByValue);//排序
    //先将原先的Option删除
    while(selLength--)
    {
        sel.options[selLength] = null;
    }
    //��经�q�排序的Option攑֛�Select�?br />     for(i=0;i     {
        sel.add(new Option(arr[i].text,arr[i].value));
    }
}
function fnSortByValue(a,b)
{
    var aComp = a.value.toString();
    var bComp = b.value.toString();

    if (aComp < bComp)
        return -1;
    if (aComp > bComp)
        return 1;
    return 0;
}
排序时还可以有更多选项�Q�比如将value值看做Integer或是String�q�行排序�Q�得到的�l�果是不一��L��。篇�q�限�Ӟ��不在多做介绍�?br /> 我将�q�些所有的操作都写在了一个文仉��Q�运行的效果如图�Q�点�ȝ��大图�Q?/span>

有兴��的朋友可以下蝲来看看，里面�q�设计div+css排版�{��?/span>

艾�L 2009-11-12 23:24 发表评论