innerHTML的内容为什么一闪而过。。

谭立文

本帖最后由葬天于 2012-10-17 23:25 编辑

代码如下：
求解
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
<title>form.html</title>

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">


      <script type="text/javascript">
      function checkAll()
      {
            alert("hello");
            var info = document.getElementById("info");
            info.innerHTML = "一闪而过呢";
      }
      </script>
  </head>

  <body>
<form>
用户名：
<input type="text" name="userName"/><br/>
<input type="submit" value="submit"/>
<div id="info"></div>
</form>
  </body>
</html>

//运行后总是想要显示的内容总一闪而过。。。

qhasilver · qhasilver

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>form.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=GBK2312">
<script type="text/javascript">
function checkAll()
{
alert("hello");
var info = document.getElementById("info");
info.innerHTML = "一闪而过呢";
}
</script>
</head>
<body onload="javascript:checkAll()">
<form>
用户名：
<input type="text" name="userName"/><br/>
<input type="submit" value="submit"/>
<div id="info"></div>
</form>
</body>
</html>

复制代码

你的javascript没有执行,你能看到一闪而过？我在body上设置了 <body onload="javascript:checkAll()">

梁世喜 · 梁世喜

本帖最后由梁世喜于 2012-10-17 21:45 编辑

<P><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>form.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8"></P>
<P>
<script type="text/javascript">
function checkAll()
{
alert("hello");
var info = document.getElementById("info");
info.innerHTML ="一闪而过呢";
return false;
}
</script>
</head></P>
<P> <body>
<form onsubmit="javascript:checkAll()">
用户名：
<input type="text" name="userName"/>
<input type="button" value="普通按钮" onclick="javascript:checkAll()"/>
<input type="submit" value="submit" /></P>
<P> </form>
<div id="info"></div>
</body>
</html></P>
<P>
</P>

复制代码

你的表单验证放在了 Submit 事件上，验证之后会跳到一个新的页面。
虽然你这里没写跳到那个页面。其实已经重新加载了网页，所以你会认为是一闪已过。

葬天 · 葬天

梁世喜发表于 2012-10-17 21:42
你的表单验证放在了 Submit 事件上，验证之后会跳到一个新的页面。
虽然你这里没写跳到那个页面。其实已 ...

能具体讲讲两个按钮的区别吗？
普通按钮的效果确实达到了我想要的结果

qhasilver · qhasilver

我又看错题了- -#，
submit事件属于系统定义的一种提交表单的方法，提交之后会强制刷新页面，除非得到中断指令，页面中的数据随着刷新丢失了，普通按钮，可以自定义被点击后的触发事件,。

汤瑞贺 · 汤瑞贺

submit按钮作用就提交表单，发送数据给服务器，button按钮就本地用用，

葬天 · 葬天

明白了谢谢各位了

帐号		自动登录	找回密码
密码			加入黑马

innerHTML的内容为什么一闪而过。。

评分

6 个回复

评分

评分