submit中onclick方法的执行

来源:互联网 发布:中级程序员考试科目 编辑:程序博客网 时间:2024/05/29 10:31

<html >

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />

<title>无标题文档</title>

<script>

function onC(){

         varcount = document.myForm.times.value;

         //alert();

         for(i=0;i<count;i++){

                   document.write("<h2>HelloWorld!</h2>");

         }

}

</script>

</head>

<body>

<form name="myForm"method="post" action="">

输入HelloWorld的次数:<input type="text" id="times"/><br/>

<input type="submit"value="显示" onClick="onC()"/>

</form>

<button onClick="onC()">ddd</button>

</body>

</html>

此代码在firefox和ie中执行时会出现如下结果:


但是在谷歌浏览器中执行时则会先出现左图,然后又跳转回原来的内容,但是之前输入的数字已经没有,如下图。

           

如果js函数改为如下:

function onC(){

         varcount = document.myForm.times.value;

         //alert();

         for(i=0;i<count;i++){

                   document.write("<h2>HelloWorld!</h2>");

         }

}

控件中改为:

<input type="submit"value="显示" onClick="return onC()"/>

此时效果不变。

如果函数中添加返回值且返回值为null或者true(如下),则效果还是上边那样。

function onC(){

         varcount = document.myForm.times.value;

         //alert();

         for(i=0;i<count;i++){

                   document.write("<h2>HelloWorld!</h2>");

         }

return null;

}

如果函数中添加的返回值为false;则谷歌浏览器中将不再跳转,此时和ie、firefox一样。
0 0