Heim > Web-Frontend > HTML-Tutorial > html 调用JavaScript函数,没有显示效果?_html/css_WEB-ITnose

html 调用JavaScript函数,没有显示效果?_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:57:30
Original
1389 Leute haben es durchsucht

nbsp;html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<script> <br /> <br /> <br /> function method1(){ <br /> var i=1; <br /> var j=1; <br /> <br /> for( i=1;i<=9;i++){ <br /> for( j=1;j<=i;j++){ <br /> document.write(i+"*"+j+'='+i*j+" "); <br /> <br /> } <br /> document.write('<br>'); <br /> } <br /> } <br /> function fun() <br /> { <br /> alert('你好!!'); <br /> } <br /> <br /> <br /> function jianche(){ /* 此函数的调用出现问题 */ <br /> var str=form1.user.value; <br /> if(str==""){ <br /> alert("请输入真实姓名!"); <br /> form1.user.foucs(); <br /> } <br /> else{ <br /> var objExp=/[\u4E00-\u9FA5]{2,}/; <br /> if(objExp.test(str)==ture){ <br /> alert("输入了正确的名字!"); <br /> <br /> } <br /> else { <br /> alert("输入的名字不正确!"); <br /> } <br /> } <br /> <br /> } <br /> <br /> </script>

方法调用




    

登录系统 


    
    

用户名:
     
    


      

密码;                        
      
      

       
  

         
            
    
        
        
                   /*点击按钮“很好”时,没有反应*/
  








问题:点击按钮“很好”,没有反应?   求大神解答!谢谢!


回复讨论(解决方案)

  是 focus()
不是 foucs()

除了foucs的问题之外,下面2行在兼容性或代码方面也有问题。
var form1 = document.form1;
var str = form1.user.value;
if(objExp.test(str) ==  true){

<!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>    <script language="javascript">        function method1(){            var i = 1;            var j = 1;            for(i = 1; i <= 9; i++){                for(j = 1; j <= i; j++){                    document.write(i + "*" + j + '=' + i * j + "  ");                }                document.write('<br>');            }        }        function fun(){            alert('你好!!');        }        function jianche(){                  /*  此函数的调用出现问题  */            var form1 = document.form1;            var str = form1.user.value;            if(str == ""){                alert("请输入真实姓名!");                form1.user.focus();            } else {                var objExp = /[\u4E00-\u9FA5]{2,}/;                if(objExp.test(str) == true){                    alert("输入了正确的名字!");                } else {                    alert("输入的名字不正确!");                }            }        }    </script>    <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/>    <title>方法调用</title>    <style type="text/css">        <!--        .STYLE1{ font-size:xx-large }        -->    </style></head><body><form id="form1" name="form1" method="post" action="">    <p align="center" class="STYLE1">登录系统</p>    <p align="center">用户名: <input type="text" name="user"/></p>    <p align="center">密码; <input type="password" name="password"/>    </p>    <div align="center">        <input type="submit" name="Submit" value="提交"/> <input type="reset" name="Submit2" value="重置"/>        <input type="button" name="Submit3" onclick="method1()" value="检测"/>        <input type="button" name="Submit4" onclick="fun()" value="好"/>        <input type="button" name="Submit5" onclick="jianche()" value="很好"/> /*点击按钮“很好”时,没有反应*/    </div></form></body></html>
Nach dem Login kopieren

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage