A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 葬天 中级黑马   /  2012-10-17 20:46  /  5351 人查看  /  6 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 葬天 于 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">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
        <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>


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


评分

参与人数 1技术分 +1 收起 理由
谭立文 + 1 神马都是浮云

查看全部评分

6 个回复

倒序浏览
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.     <title>form.html</title>
  5.         
  6.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  7.     <meta http-equiv="description" content="this is my page">
  8.     <meta http-equiv="content-type" content="text/html; charset=GBK2312">

  9.     <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  10.         <script type="text/javascript">
  11.         function checkAll()
  12.         {
  13.                 alert("hello");
  14.                 var info = document.getElementById("info");
  15.                 info.innerHTML = "一闪而过呢";
  16.         }
  17.         </script>
  18.   </head>

  19.   <body onload="javascript:checkAll()">
  20.     <form>
  21.     用户名:
  22.     <input type="text" name="userName"/><br/>
  23.     <input type="submit" value="submit"/>
  24.     <div id="info"></div>
  25.     </form>
  26.   </body>
  27. </html>
复制代码
你的javascript没有执行,你能看到一闪而过?我在body上设置了 <body onload="javascript:checkAll()">

评分

参与人数 1技术分 +1 收起 理由
韩军博 + 1 很给力!

查看全部评分

回复 使用道具 举报
本帖最后由 梁世喜 于 2012-10-17 21:45 编辑

  1. <P><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.     <title>form.html</title>
  5.         
  6.     <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  7.     <meta http-equiv="description" content="this is my page">
  8.     <meta http-equiv="content-type" content="text/html; charset=UTF-8"></P>
  9. <P>    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  10.         <script type="text/javascript">
  11.         function checkAll()
  12.         {
  13.                 alert("hello");
  14.                 var info = document.getElementById("info");
  15.                 info.innerHTML ="一闪而过呢";
  16.   return false;
  17.         }
  18.         </script>
  19.   </head></P>
  20. <P>  <body>
  21.     <form onsubmit="javascript:checkAll()">
  22.     用户名:
  23.     <input type="text" name="userName"/>

  24.     <input type="button" value="普通按钮" onclick="javascript:checkAll()"/>
  25.     <input type="submit" value="submit" /></P>
  26. <P>    </form>
  27.     <div id="info"></div>
  28.   </body>
  29. </html></P>
  30. <P>
  31. </P>
复制代码
你的表单验证放在了  Submit  事件上,验证之后会跳到一个新的页面。
虽然你这里没写跳到那个页面。其实已经重新加载了网页,所以你会认为是一闪已过。

评分

参与人数 1技术分 +1 收起 理由
谭立文 + 1

查看全部评分

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

能具体讲讲 两个按钮的区别吗?
普通按钮的效果确实达到了我想要的结果
回复 使用道具 举报
我又看错题了- -#,
submit事件属于系统定义的一种提交表单的方法,提交之后会强制刷新页面,除非得到中断指令,页面中的数据随着刷新丢失了,普通按钮,可以自定义被点击后的触发事件,。
回复 使用道具 举报
submit按钮作用就提交表单,发送数据给服务器,button按钮就本地用用,
回复 使用道具 举报
葬天 中级黑马 2012-10-17 23:23:51
7#
明白了 谢谢各位了
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马