IT梦想者 2016-05-23 10:04 采纳率: 14.3%
浏览 1911

JS函数为定义问题，浏览器老是显示函数fun2( )未定义

 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>改变图案的形状和颜色</title>
        <script type="text/javascript">

            function fun1(){
                document.body.innerHTML = ""
                for (i=0;i<12;i++) {
                    for (j=0;j<12-i;j++) {

                        document.write("<span style='color: red;'>*</span>");

                    }
                    document.write("<br />");
                }
                document.write("<br/><br/>");
                document.write("<input type='button' value='点我有惊喜' onclick='fun2()'/>")
            }


                function fun2(){
                document.body.innerHTML = " "
                for (i=12;i>0;i--) {
                    for (k=0;k<12-i;k++) {
                        document.write("&nbsp&nbsp");
                    }
                    for (j=0;j<i;j++) {
                        document.write("<span style='color: greenyellow;'>*</span>");
                    }
                    document.write("<br />");

                }
                document.write("<br/><br/>");
                document.write("<input type='button' value='点我有惊喜' onclick='fun1()'/>")
            }

        </script>
    </head>
    <body onload="fun1()">





    </body>
</html>
  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2016-05-23 11:59
    关注

    文档流关闭后不要使用doucment.write，会创建新文档覆盖当前页面所有内容，包括js，用document.body.innerHTML +=

     <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>改变图案的形状和颜色</title>
    <script type="text/javascript">

        function fun1() {
            document.body.innerHTML = ""
            for (i = 0; i < 12; i++) {
                for (j = 0; j < 12 - i; j++) {

                    document.body.innerHTML += ("<span style='color: red;'>*</span>");

                }
                document.body.innerHTML += ("<br />");
            }
            document.body.innerHTML += ("<br/><br/>");
            document.body.innerHTML += ("<input type='button' value='点我有惊喜' onclick='fun2()'/>")
        }


        function fun2() {
            document.body.innerHTML = " "
            for (i = 12; i > 0; i--) {
                for (k = 0; k < 12 - i; k++) {
                    document.body.innerHTML += ("&nbsp&nbsp");
                }
                for (j = 0; j < i; j++) {
                    document.body.innerHTML += ("<span style='color: greenyellow;'>*</span>");
                }
                document.body.innerHTML += ("<br />");

            }
            document.body.innerHTML += ("<br/><br/>");
            document.body.innerHTML += ("<input type='button' value='点我有惊喜' onclick='fun1()'/>")
        }
    </script>
</head>
<body onload="fun1()">





</body>
</html>
    评论

报告相同问题？

悬赏问题

  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据，怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据，怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题！
  • ¥15 drone 推送镜像时候 purge: true 推送完毕后没有删除对应的镜像,手动拷贝到服务器执行结果正确在样才能让指令自动执行成功删除对应镜像，如何解决？