显示方法
使用pre标签,格式如下:
<pre>
代码内容........................
</pre>
这里不进行详细解释,具体可以查询 pre,code等html标签的用法。
显示效果
代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>hello,world</title>
</head>
<body onload="fun()">
<h1>第一个标题</h1>
<p>下面显示一个Python代码</p>
<pre id="code">
</pre>
</body>
<script>
function fun() {
str = "def ball():\n" +
" while True:\n" +
" try:\n" +
" p = 3.14\n" +
" r = float(input(\"请输入球体半径:\"))\n" +
" if r <= 0:\n" +
" print(\"输入的球体半径不能小于0!\")\n" +
" else:\n" +
" print(\"球体的直径是:%.3f\"%(r*2))\n" +
" print(\"球体的圆周长是:%.3f\"%(2*p*r))\n" +
" print(\"球体的表面积是:%.3f\"%(4*p*(r**2)))\n" +
" print(\"球体的体积是:%.3f\"%((4/3)*p*pow(r,3)))\n" +
" break\n" +
" except ValueError:\n" +
" print(\"输入错误,请输入数字!\")\n" +
"\n" +
"if __name__ == \"__main__\":\n" +
" ball()";
document.getElementById("code").innerHTML = str;
}
</script>
</html>