您的位置：首页 > 其它

submit中onclick方法的执行

2015-08-06 15:54 267 查看

<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一样。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： submit onclick form

相关文章推荐

新的分享

章节导航