读书人

打印空心正方形的javascript代码解决方

发布时间: 2012-03-01 10:25:46 作者: rapoo

打印空心正方形的javascript代码
打印空心正方形的javascript代码

[解决办法]

HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>    <title>new document</title></head><body style="background:#eee">    <script type="text/javascript">    (function(){        document.write("<div style='width:200px; height:200px; border:1px solid #ff0000'></div>");    })();    </script></body></html>
[解决办法]
HTML code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head>    <title>new document</title>    <style type="text/css">        *{            line-height:8px;         }    </style></head><body>    <script type="text/javascript">    (function(){        var x = prompt("请输入正方形边长:", 10);        x = parseInt(x, 10);        if(isNaN(x) || x < 1 || x > 1000){            alert("输入错误!");            return;        }        var line = new Array(x + 1).join("*");        document.writeln(line + "<br/>");        for(var i = 0; i < x - 2; i++){            document.writeln("*" + new Array(x - 1).join(" ") + "*<br/>");        }        document.writeln(line + "<br/>");    })();    </script></body></html> 

读书人网 >JavaScript

热点推荐