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