初入JavaScript 第一天

最新推荐文章于 2024-07-24 11:09:48 发布

流星丶落

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量364

点赞数 1

文章标签： javascript 博客

本文链接：https://blog.csdn.net/qq835246238/article/details/53216292

版权

一、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还不是很懂，如果有什么不对的地方，欢迎大家给我指出来。

流星丶落

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
初入JavaScript 第一天

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

扫一扫