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一样。- submit中onclick方法的执行
- js中submit onclick的级别问题
- FORM表单中onclick()、onsubmit()与submit()的问题
- FORM表单中onclick()、submit()与onsubmit()的问题
- FORM表单中onclick()、submit()与onsubmit()的问题
- FORM表单中onclick()、submit()与onsubmit()的问题
- FORM表单中onclick()、submit()与onsubmit()的问题
- Android中onTouch方法的执行过程以及和onClick执行发生冲突的解决办法
- Android中onTouch方法的执行过程以及和onClick执行发生冲突的解决办法
- 表单提交的相关注意事项,submit-onclick-事件触发执行过程
- onclick执行两个方法
- innerHTML中onclick()无法执行的解决
- onClick事件中含有异步执行的方法,如何让异步方法执行完毕后onClick事件方可重新响应点击事件
- IE中点击文本任意地方都可以执行onclick等事件的方法
- submit按钮与一般按钮的onclick
- 利用js和html实现表单操作(onsubmit、onclick、submit等方法的异同)
- Selenium2中submit()方法的使用
- Android中Button的onClick实现方法。
- TCP/IP网络编程 学习笔记_7 --基于UDP的服务端/客服端
- java中重载与重写的区别
- canvas操作图像
- 【bzoj3772】 精神污染 dfs序+主席树
- 使用excel进行数据挖掘(7)---- 从示例填充数据
- submit中onclick方法的执行
- html+js实现图片上传前预先预览
- js开发技巧
- Linux时间子系统之四:定时器的引擎:clock_event_device
- 获取servlet相关的域对象
- 初到科大第一月总结-2015年7月
- Java序列化
- 三条Linux命令查看硬件信息
- 面试常用算法总结——排序算法(java版)