这个js为何只在火狐上有效果？？

袁梦希

本帖最后由 Spole_168 于 2013-6-16 19:06 编辑

<%@ page language="java" contentType="text/html; charset=utf-8"%>
<html>
      <head>
            <title>upload</title>

            <script type="text/javascript">
                     
                     function addMore()
                     {
                              var td = document.getElementById("more");
                              var br = document.createElement("br");
                              var input = document.createElement("input");
                              var input2 = document.createElement("input");
                              var input3 = document.createElement("input");
                              var button = document.createElement("input");

                              input.type = "file";
                              input.name = "upfile";

                              input2.type = "text";
                              input2.name = "description";

                              input3.type = "text";
                              input3.name = "content";

                              button.type = "button";
                              button.value = "删除";

                              button.onclick = function()
                              {
                                    td.removeChild(br);
                                    td.removeChild(input);
                                    td.removeChild(input2);
                                    td.removeChild(input3);
                                    td.removeChild(button);
                              }
                              td.appendChild(br);
                              td.appendChild(input);
                              td.appendChild(input2);
                              td.appendChild(input3);
                              td.appendChild(button);
                     }

            </script>

      </head>

      <body>
            <center>
                     <form action="${pageContext.request.contextPath}/f/fl_add.action"
                              method="post" enctype="multipart/form-data">

                              <table align="center" width="60%" border="1">
                                    <tr>
                                             <td>
                                                      上传文件
                                             </td>
                                             <td id="more">
                                                      <input type="file" name="upfile">
                                                      <input type="text" name="description">
                                                      <input type="text" name="content">
                                                      <input type="button" value="传更多">
                                             </td>
                                    </tr>
                                    <tr>
                                             <td>
                                                      <input type="submit" value="上传">
                                             </td>
                                             <td>
                                                      <input type="reset" value="重置">
                                             </td>
                                    </tr>

                              </table>

                     </form>

                     <label>
                              ${msg}
                     </label>
                     <br>
                     <a href="${pageContext.request.contextPath}/f/fl_list.action">浏览文件</a>
            </center>
      </body>

</html>

燃灯街 · 燃灯街

本帖最后由燃灯街于 2013-6-11 16:43 编辑

你好，楼主的这段代码应该是不具有兼容性，由于不同的浏览器对javascript,css以及标签的支持及解析结果不一样，还由于avascript,css中的优先级的关系，会导致生成的页面效果不一样，这个时候我们就需要针对不同的浏览器去写不同的javascript,css以及标签，让它能够同时兼容不同的浏览器，得到我们想要的页面效果。

shiweiCao · shiweiCao

今天爬了山刚回来. 上论坛看了看, 具体的应该是你的某个方法只在火狐上支持. 好像IE是不支持的. 我没记错的话应该是那个子节点的地方.

袁梦希 · 袁梦希

尽量问一些基础性的问题

苑永志 · 苑永志

本帖最后由苑永志于 2013-6-13 16:43 编辑

应该是你使用的IE浏览器的版本有些低，IE8以下的版本在节点处理上有一些bug，所以会有你说的现象。你试试谷歌浏览器或者360浏览器的极速模式，应该也是可以的。在实际应用中，我们往往是使用js框架比如jQuery等进行类似的操作，以提高兼容性。

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

这个js为何只在火狐上有效果？？

评分

5 个回复

评分

黑马骑士勋章