初入JavaScript 第一天

    xiaoxiao2021-12-02  21

    一、JavaScript概述

    JavaScript是一种轻型的、解释型的程序设计语言,而且具有面向对象的能力。在句法构成上,JavaScript的核心语言与C、C++和Java相似,都具有诸如 if 语句、while循环和&&运算符这样的结构。但是,JavaScript与这些语言的相似之处也仅限于句法上的类同。JavaScript是一种无类型语言,这就是说,它的变量不必具有一个明确 的类型。

    二、工具

    刚开始我是用记事本,但慢慢的感觉不是很方便,就换了Editplus,感觉还不错。

    http://download.csdn.net/detail/qq835246238/9686719

    三、入门书籍

    在很多个大神推荐下,我选择了《JavaScript权威指南》,挺不错的一本书,很适合新手入门。

    四、实战

    1、一个简单的JavaScript程序 <html> <body> <head><title>Factorials</title></head> <script language="JavaScript"> document.write("<h2>Table of Factorials</h2>"); for(i = 1, fact = 1; i < 10; i++, fact *= i){ document.write(i + "!=" +fact); document.write("<br>"); } </script> </body> </html>

    2、一个定义了JavaScript事件处理器的HTML表单

    <form> <input type="button" value="Click here" οnclick="alert('You click the button');"> </form>

    3、用JavaScript计算借贷支出

    <html> <head> <title>JavaScript Loan Calculator</title> <style> /* This is a CSS style sheet:it adds style to the program output */ .result {/* For elements with class="result" */ font-weight:bold; } #payment {/* For element with id="payment" */ text-decoration:underline; } </style> </head> <body> <!-- 以下是一个HTML表单,用户可以用它输入数据, JavaScript则可以用它把计算的结果显示给用户。 --> <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" οnchange="calculate();"></td> </tr> <tr> <td>2)Annual percentage rate of interest:</td> <td><input type="text" name="interest" οnchange="calculate();"></td> </tr> <tr> <td>3)Repayment period in years:</td> <td><input type="text" name="years" οnchange="calculate();"></td> </tr> <tr> <td></td> <td><input type="button" value="Compute" οnclick="calculate();"></td> </tr> <tr><td><b>Payment Information:</b></td></tr> <tr> <td>4)Your monthly payment:</td> <td>$<span class="result" id="payment"></span></td> </tr> <tr> <td>5)Your total payment:</td> <td>$<span class="result" id="total"></span></td> </tr> <tr> <td>6)Your total interest payments:</td> <td>$<span class="result" id="totalinterest"></span></td> </tr> </table> </form> <script language="JavaScript"> /* 以下是使本例运行的JavaScript程序 注意该脚本定义的calculate()函数,它是由表单中的事件处理器调用。 */ 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 = 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>

    其实我对JavaScript还不是很懂,如果有什么不对的地方,欢迎大家给我指出来。

    转载请注明原文地址: https://ju.6miu.com/read-679844.html

    最新回复(0)