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>
    评论

报告相同问题？

悬赏问题

  • ¥15 微信小程序协议怎么写
  • ¥15 c语言怎么用printf（“\b \b”）与getch（）实现黑框里写入与删除？
  • ¥20 怎么用dlib库的算法识别小麦病虫害
  • ¥15 华为ensp模拟器中S5700交换机在配置过程中老是反复重启
  • ¥15 java写代码遇到问题，求帮助
  • ¥15 uniapp uview http 如何实现统一的请求异常信息提示？
  • ¥15 有了解d3和topogram.js库的吗？有偿请教
  • ¥100 任意维数的K均值聚类
  • ¥15 stamps做sbas-insar，时序沉降图怎么画
  • ¥15 买了个传感器，根据商家发的代码和步骤使用但是代码报错了不会改，有没有人可以看看