首頁 >web前端 >html教學 >html 调用JavaScript函数,没有显示效果?_html/css_WEB-ITnose

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

WBOY
WBOY原創
2016-06-24 11:57:301382瀏覽

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>

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn