JS笔记(2)一个综合各方面的例子-白红宇

JS笔记(2)一个综合各方面的例子

阅读量：6124 次

发布时间：2019-06-21

本文共 1520 字，大约阅读时间需要 5 分钟。

通过这个例子思考下列问题

• 1 怎么得到文档中的元素？

答：使用document.getElementById("ID")

• 怎么的到用户的输入，从输入元素里面.

答：通过元素的.value获得

• 怎么设置文档中某一个元素的内容

答：通过 elment.innerHTML ="";

• 怎么存储数据在浏览器下.

答：用window.localStorage，擦这个html5才支持吧

• 怎么用脚本请求页面.

答：用XMLHttpRequest对象。

• 如何用<canvas> 元素画图.

答：var g = canvas.getContext("2d");

g.beginPath(),moveto,endPath(); g.stroke(); g.fillRect(); g.fillText()等。

例子：

贷款计算器

1       2   3   4 JavaScript Loan Calculator  5  11  12  13 
       21 
      
        22   
 23       
 24       
 25   
 26       
 27       
 29   
 30       
 31   
 32       
 33   
 34       
 35   
 36       
 37   
 38       
 39   
 40       
 41 1.2  Client-Side JavaScript    |    13  
 42       
 43   
 46 
                        Enter Loan Data:                   Loan Balance, Cumulative Equity, and Interest Payments         
                 Amount of the loan ($):                    28          
                  
                 Annual interest (%):                  
                 Repayment period (years):                  
                 Zipcode (to find lenders):                  
                 Approximate Payments:                  
                 Monthly payment:          $         
                 Total payment:          $         
                 Total interest:          $         
                 Sponsors:           44     Apply for your loan with one of these fine lenders: 45     
                  
       
      
 47 
       48 
       49 
       50 241 242

Enter Loan Data:		Loan Balance, Cumulative Equity, and Interest Payments
Amount of the loan ($):		28
Annual interest (%):
Repayment period (years):
Zipcode (to find lenders):
Approximate Payments:
Monthly payment:	$
Total payment:	$
Total interest:	$
Sponsors:	44 Apply for your loan with one of these fine lenders: 45