例1:用面向對象,編寫簡單的四則運算javascript
前臺頁面:e.phpphp
<html>html
<head>java
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>ide
</head>post
<form action="jisuanqi.php" method="post">ui
<h1>四則運算</h1>spa
第一個數;<input type="text" name="num1" /> <br/>設計
第二個數;<input type="text" name="num2" /> <br/>3d
運算符號:
<select name="oper">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<br/>
<input type="submit" value="開始計算"/>
</form>
</html>
運行結果以下:
功能實現~
若是想返回主界面,從新計算,可寫個超連接,在jisuanqi.php中
末尾,php外,增長以下便可:
<br/>
<a href="e.php"> 返回主界面
例2:隱藏域的巧妙運用!(區分來自不一樣的請求)
第1個頁面:e.php (提交數據)
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
</head>
<form action="jisuanqi.php" method="post">
<h1>四則運算</h1>
第一個數;<input type="text" name="num1" /> <br/>
第二個數;<input type="text" name="num2" /> <br/>
運算符號:
<select name="oper">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
<br/>
<!-- 這裏是隱藏域-->
<input type="hidden" name="doing" value="js"/>
<input type="submit" value="開始計算"/>
</form>
<form action="jisuanqi.php" method="post">
<h1>圓的面積計算:</h1>
請輸入半徑;<input type="text" name="rad" /> <br/>
<br/>
<!-- 這裏是隱藏域-->
<input type="hidden" name="doing" value="area"/>
<input type="submit" value="計算面積"/>
</form>
</html>
第2個頁面:jisuanqi.php (接收數據)
<?php
require_once "Cat.class.php";
$doing=$_REQUEST['doing'];
$cat1=new Cat(); // 須要寫在if外面,都要用的
if($doing=="js")
{
$num1=$_REQUEST['num1'];
$num2=$_REQUEST['num2'];
$oper=$_REQUEST['oper'];
echo '計算結果是:'.$cat1->jiSuan($num1,$num2,$oper);
}else if($doing=="area")
{ $radius=$_REQUEST['rad'];
echo '圓的面積是:'.$cat1->circleArea($radius);
}
?>
<br/>
<a href="e.php"> 返回主界面
第3個頁面:類 Cat.class.php
<?php
class Cat
{
function circleArea($radius)
{
return 3.14*$radius*$radius;
}
function jiSuan($num1,$num2,$oper)
{
$res=0;
if($oper=="+")
{
$res=$num1+$num2;
}else if($oper=="-")
{
$res=$num1-$num2;
}else if($oper=="*")
{
$res=$num1*$num2;
}else if($oper=="/")
{
$res=$num1/$num2;
}
return $res;
}
}
?>
第4:運行結果:
計算的結果:
面積的結果:
例3:節約界面
這個計算調用的是前面設計好的jisuanqi.php得到的
Jyjm.php代碼以下:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<script language="javascript">
function selType(val)
{ window.alert("你點中了"+val);//若是感受這個礙事,可註銷掉
if (val=='jisuan')
{
table1.style.display="block";
table2.style.display="none";
}else if (val=='area')
{
table1.style.display="none";
table2.style.display="block";
}
}
</script>
</head>
<h1> 聰明的郭郭</h1>
<form action="jisuanqi.php" method="post">
<input type="hidden" name="doing" value="js"/>
<input type="radio" name="sel" value="num1" 四則運算
<input type="radio" name="sel" value="num2" 計算矩形
<table id="table1" style="display: block">
<tr><td>請輸入第1個數</td><td><input type="text" name="num1"/></td></tr>
<tr><td>請輸入第2個數</td><td><input type="text" name="num2"/></td></tr>
<tr><td>請選擇運算符</td><td>
<select name="oper">
<option value="+">+</option>
<option value="-">-</option>
<option value="*">*</option>
<option value="/">/</option>
</select>
</td></tr>
<tr><td colspan="2"><input type="submit" name="四則運算"/></td></tr>
</table>
<table id="table2" style="display: none" >
<tr><td>請輸入長</td><td><input type="text" name="long"/></td></tr>
<tr><td>請輸入寬</td><td><input type="text" name="wide"/></td></tr>
<tr><td colspan="2"><input type="submit" name="計算矩形"/></td></tr>
</table>
</html>