验证码的JS代码，怎样嵌套使用。。


js.html  可在直接使用<PRE class=js name="code"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns=" http://www.w3.org/1999/xhtml" >  
<head>  
    <title>无标题页</title>  
    <style type="text/css">  
        .code   
        {   
            background-image:url(code.jpg);   
            font-family:Arial;   
            font-style:italic;   
            color:Red;   
            border:0;   
            padding:2px 3px;   
            letter-spacing:3px;   
            font-weight:bolder;   
        }   
        .unchanged   
        {   
            border:0;   
        }   
    </style>  
    <script language="javascript" type="text/javascript">  
       
     var code ; //在全局 定义验证码   
     function createCode()   
     {    
       code = "";   
       var codeLength = 6;//验证码的长度   
       var checkCode = document.getElementById("checkCode");   
       var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符，当然也可以用中文的   
           
       for(var i=0;i<codeLength;i++)   
       {   
         
           
       var charIndex = Math.floor(Math.random()*36);   
       code +=selectChar[charIndex];   
          
          
       }   
//       alert(code);   
       if(checkCode)   
       {   
         checkCode.className="code";   
         checkCode.value = code;   
       }   
          
     }   
        
      function validate ()   
     {   
       var inputCode = document.getElementById("input1").value;   
       if(inputCode.length <=0)   
       {   
           alert("请输入验证码！");   
       }   
       else if(inputCode != code )   
       {   
          alert("验证码输入错误！");   
          createCode();//刷新验证码   
       }   
       else   
       {   
         alert("^-^ OK");   
       }   
          
       }   
          
    </script>  
</head>  
<body onload="createCode()" >  
<form  action="#">
  <input  type="text"   id="input1" />
<input type="text" onclick="createCode()" readonly="readonly" id="checkCode" class="unchanged" style="width: 80px"  /><br />  
    <input id="Button1"  onclick="validate();" type="button" value="确定" />    
</form>  
</body>  
<html></PRE>  
关键所在： 我想把JS 代码 弄到外部，然后使用，可是不知道怎么的就是效果不出来
js1.html
<PRE class=js name="code"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns=" http://www.w3.org/1999/xhtml" >  
<head>  
    <title>无标题页</title>  
    <style type="text/css">  
        .code   
        {   
            background-image:url(code.jpg);   
            font-family:Arial;   
            font-style:italic;   
            color:Red;   
            border:0;   
            padding:2px 3px;   
            letter-spacing:3px;   
            font-weight:bolder;   
        }   
        .unchanged   
        {   
            border:0;   
        }   
    </style>  
   
</head>
<script language="javascript" src="1.js">
</script>  
<body onload="return createCode()" >  
<form  action="#">
  <input  type="text"   id="input1" />
<input type="text" onclick="return createCode()" readonly="readonly" id="checkCode" class="unchanged" style="width: 80px"  /><br />  
    <input id="Button1"  onclick="return validate()" type="button" value="确定" /> 
</form>  
</body>  
<html></PRE>  
1.js
     
     var code ; //在全局 定义验证码   
     function createCode()   
     {      alert("aaa");
       code = "";   
       var codeLength = 6;//验证码的长度   
       var checkCode = document.getElementById("checkCode");   
       var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符，当然也可以用中文的   
           
       for(var i=0;i<codeLength;i++)   
       {   
         
           
       var charIndex = Math.floor(Math.random()*36);   
       code +=selectChar[charIndex];   
          
          
       }   
//       alert(code);   
       if(checkCode)   
       {   
         checkCode.className="code";   
         checkCode.value = code;   
       }   
          
     }   
        
      function validate ()   
     {   
       var inputCode = document.getElementById("input1").value;   
       if(inputCode.length <=0)   
       {   
           alert("请输入验证码！");   
       }   
       else if(inputCode != code )   
       {   
          alert("验证码输入错误！");   
          createCode();//刷新验证码   
       }   
       else   
       {   
         alert("^-^ OK");   
       }   
          
       }   
          
    
js1.html 用1.js的代码  却不出效果 怎么回事。
大侠们帮帮忙呀

解决方案 »

  1.   

    奇怪， 我试的结果是 js.html  效果是正确的可是 js1.html 效果就没出来
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns=" http://www.w3.org/1999/xhtml">
    <head>
       <title>无标题页</title>
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    试试
      

  3.   

    奇怪了，我这里都正常。
    要不你把HTML最外面的PRE标签去掉，这样写不符合HTML。
      

  4.   

    看到这个贴的帮忙 看看这个帖子http://topic.csdn.net/u/20091202/12/d8419ea4-f056-4744-81aa-7c7f5e265b59.html?54009
      

  5.   

    首先建立code.js,如下：
    var code ; //在全局 定义验证码   
    function createCode()   
         {    
           code = "";   
           var codeLength = 6;//验证码的长度   
           var checkCode = document.getElementById("checkCode");   
           var selectChar = new Array(0,1,2,3,4,5,6,7,8,9,'A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z');//所有候选组成验证码的字符，当然也可以用中文的   
               
           for(var i=0;i<codeLength;i++)   
           {   
             
               
           var charIndex = Math.floor(Math.random()*36);   
           code +=selectChar[charIndex];   
              
              
           }   
    //       alert(code);   
           if(checkCode)   
           {   
             checkCode.className="code";   
             checkCode.value = code;   
           }   
              
         }   
    然后修改网页代码如下：
    <PRE class=js name="code"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
    <html xmlns=" http://www.w3.org/1999/xhtml" >  
    <head>  
        <title>无标题页</title>  
        <style type="text/css">  
            .code   
            {   
                background-image:url(code.jpg);   
                font-family:Arial;   
                font-style:italic;   
                color:Red;   
                border:0;   
                padding:2px 3px;   
                letter-spacing:3px;   
                font-weight:bolder;   
            }   
            .unchanged   
            {   
                border:0;   
            }   
        </style>  
        <script language="javascript" type="text/javascript" src="js/code.js">  
        </script>  
        <script language="javascript" type="text/javascript">     
          function validate ()   
         {   
           var inputCode = document.getElementById("input1").value;   
           if(inputCode.length <=0)   
           {   
               alert("请输入验证码！");   
           }   
           else if(inputCode != code )   
           {   
              alert("验证码输入错误！");   
              createCode();//刷新验证码   
           }   
           else   
           {   
             alert("^-^ OK");   
           }   
              
           }   
              
        </script>  
    </head>  
    <body onload="createCode()" >  
    <form  action="#">
      <input  type="text"   id="input1" />
    <input type="text" onclick="createCode()" readonly="readonly" id="checkCode" class="unchanged" style="width: 80px"  /><br />  
        <input id="Button1"  onclick="validate();" type="button" value="确定" />    
    </form>  
    </body>  
    <html></PRE>  搞定收工！