web复习（四）
JavaScript编程
1.计算圆的面积。
（1）表单中设置2个文本框、1个按钮、1个重置按钮，其中圆的面积文本框设置为只读；
（2）编写两个自定义函数，分别是计算圆的面积函数area（radius）、在页面上显示结果show()
，并在show()函数中调用area(radius)函数；
（3）输入完半径后，点击“计算圆的面积”按钮后，将计算结果显示在“圆的面积”文本框中；
（4）点击“重置”按钮后，将所有文本框清空；
（5）圆的面保留2位小数。
<html>
<head>
<title>计算圆面积</title>
<script type="text/javascript">
function area(radius) {
var circlearea = Math.PI*radius*radius;
return circlearea;
}
function show() {
var radius = document.getElementById("radius_text").value;
document.getElementById("area_text").value = area(radius).toFixed(2);
}
</script>
</head>
<body>
<h3>计算圆的面积</h3>
<form method="post">
圆的半径：<input type="text" name="radius_text" id="radius_text"><br>
圆的面积：<input type="text" name="area_text" id="area_text" readonly><br>
<input type="button" value="计算圆的面积" onclick="show();">
<input type="reset">
</form>
</body>
</html>
2.页面布局
按如下要求实现“厂字型”页面布局效果。
（1）页面标题为“厂字型页面布局”；
（2）页面布局采用主体水平分割成上、 中、下三个部分，比例为10%、80%、10%；
（3）中间部分垂直分割成左、右两部分，比例分别为25%、75%；
（4）假设每个子窗口显示的网页分别为top.html、left.html、right.html、bottom.html，在index.html文件中给每一个子窗口中指定显示的网页。
<html>
<head>
<title>厂字型页面布局</title>
</head>
<frameset rows="10%,80%,*" bordercolor="#3300ff">
<frame src="" name="top">
<frameset cols="25%,*">
<frame src="" name="left">
<frame src="" name="right">
</frameset>
<frame src="" name="bottom">
</frameset>
</html>
原文地址：https://blog.csdn.net/2301_79188932/article/details/144348151
免责声明：本站文章内容转载自网络资源，如本站内容侵犯了原著者的合法权益，可联系本站删除。更多内容请关注自学内容网（zxcms.com）！