JAVASCRIPT权威指南第五版第一章 JAVASCRIPT概述

来源：互联网发布：mac口红whirl试色编辑：程序博客网时间：2024/05/22 13:13

客户端的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!=1
2!=2
3!=6
4!=24
5!=120
6!=720
7!=5040
8!=40320
9!=362880

一个定义了JAVASCRIPT事件句柄的HTML按钮

<button onclick="alert('You clicked the 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 class="result" */#payment { text-decoration: underline; } /* For element with id="payment" */</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" onclick="calculate();"></td></tr><tr><td><b>Payment Information:</b></td></tr><tr><td>4) Your monthly payment:</td><td>{1}lt;span class="result" id="payment"></span></td></tr><tr><td>5) Your total payment:</td><td>{1}lt;span class="result" id="total"></span></td></tr><tr><td>6) Your total interest:</td><td>{1}lt;span class="result" id="totalinterest"></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>

JAVASCRIPT权威指南第五版 第一章 JAVASCRIPT概述

Table of Example

JAVASCRIPT权威指南第五版第一章 JAVASCRIPT概述