738
JAVASCRIPT權威指南第五版 第一章 JAVASCRIPT概述
客戶端的JAVASCRIPT實例之一個簡單的JAVASCRIPT程序
<html>
<head><title>Example</title></head>
<body>
<h2>Table of Example</h2>
<script>
var fact=1;
for(i=1;i<10;i++) {
fact=fact*i;
document.write(i+"!="+fact+"<br>");
}
</script>
</body>
</html>
輸出：
Table of Example
1!=12!=2
3!=6
4!=24
5!=120
6!=720
7!=5040
8!=40320
9!=362880
一個定義了JAVASCRIPT事件句柄的HTML按鈕
<button > Click here </button>
用JAVASCRIPT編寫的借貸支付金額計算器
<html>
<head>
<title>JavaScript Loan Calculator</title>
<style>
/* This is a CSS style sheet: it adds style to the program output */
.result { font-weight: bold; } /* For elements with */
#payment { text-decoration: underline; } /* For element with */
</style>
</head>
<body>
<form name="loandata">
<table>
<tr><td><b>Enter Loan Information:</b></td></tr>
<tr>
<td>1) Amount of the loan (any currency):</td>
<td><input type="text" name="principal" onchange="calculate();"></td>
</tr>
<tr>
<td>2) Annual percentage rate of interest:</td>
<td><input type="text" name="interest" onchange="calculate();"></td>
</tr>
<tr>
<td>3) Repayment period in years:</td>
<td><input type="text" name="years" onchange="calculate();"></td>
</tr>
<tr>
<td></td>
<td>
<input type="button" value="Compute" >
</td>
</tr>
<tr>
<td>
<b>
Payment Information:
</b></td></tr>
<tr>
<td>4) Your monthly payment:</td>
<td>{1}lt;span ></span></td>
</tr>
<tr>
<td>5) Your total payment:</td>
<td>{1}lt;span ></span></td>
</tr>
<tr>
<td>6) Your total interest:</td>
<td>{1}lt;span ></span></td>
</tr>
</table>
</form>
<script language="JavaScript">
function calculate() {
var principal=document.loandata.principal.value;
var interest=document.loandata.interest.value/100/12;
var payments=document.loandata.years.value*12;
var x=Math.pow(1+interest,payments);
var monthly=(principal*x*interest)/(x-1);
var payment=document.getElementById("payment");
var total=document.getElementById("total");
var totalinterest=document.getElementById("totalinterest");;
if(isFinite(monthly)) {
payment.innerHTML=monthly.toFixed(2);
total.innerHTML=(monthly*payments).toFixed(2);
totalinterest.innerHTML=((monthly*payments)-principal).toFixed(2);
}
else {
payment.innerHTML = "";
total.innerHTML = ""
totalinterest.innerHTML = "";
}
}
</script>
</body>
</html>
斐波那契數列
<script>
document.write("<h2>Table of Fibonacci Numbers</h2>");
for(i=0,j=1,k=0,fib=0;i<50;i++,fib=j+k,j=k,k=fib) {
document.write("Fibonacci(" + i + ") = "+ fib);
document.write("<br>");
}
</script>
在對話框中顯示純文本的斐波那契數列
<script>
document.write("<h2>Table of Fibonacci Numbers</h2>");
for(i=0,j=1,k=0,fib=0;i<50;i++,fib=j+k,j=k,k=fib) {
alert("Fibonacci(" + i + ") = "+ fib);
document.write("<br>");
}
</script>
最後更新：2017-04-02 06:52:19