jS基础

javascript基础

两种语言组成

1.html:标记语言a

2.javacript:编程语言(java，c，scheme，python)

javascript的命名

var  变量名 = 值;

var 变量名 ：叫做定义一个容器

值：容器里需要的赋值

1）首先介绍一下javascript的五种基本数据类型（也称为简单的数据类型）

    1.Number数值类型,记住一切数字都是数值类型

    2.string字符串类型，例：“引号里面的内容都可以是字符串"

    3.boolean布尔类型，有false还有true

    4.null类型 ，表示为空的意思

    5.undefined类型 表示没有值的类型

2）运算符类型

    1.数学运算符（减法，乘法，除法，取余，且不擅长小数运算）

    2.赋值运算符（就是把等号右边的值赋给等号左边的变量名：例：a+=1等价于a=a+1）

    3.比较运算符:结果是布尔值（有==，！==，<=，>=）（假为fales.真为true）

    4.逻辑运算符（&&与，||或，！非）

    5.自增/自减运算符（++,--）

     6.三元运算符（条件？条件为真执行，为假则为false）

3）for循环语句

     例：计算1-100的累加和

            var sum = 0

             for(i=1;i<101;i++){

                    sum = sum + i;}

console.log(sum)

4)函数：对于js来说,函数是非常重要的div！！！那让我看看函数是怎样执行的吧

      1）事件源   var div = document.getElementById”id“（要获取的标签的id）

      2）绑定事件div.onclick（点击） = function(){

                           3）事件驱动程序

                               函数里面输入标签需要改变的内容

}例：要求：页面输入任意数字，点击按钮后计算该数字的阶乘

             <input type="text" id="txt" placeholder="请输入"> <input type="submit" id="sub" value="我来帮你计算">

                      sub.οnclick=function()                                  //点击按钮驱动程序

                {   var div = document.getElementById("sub");  //给按钮获取事件源标签

                    var n = txt.value;                                            //给n赋值到txt，输入

                    var sum=1;                                                      //总值赋值

                    for(var i=1;i<=n;i++){

                    sum *= i;                                                        //总值的计算方式

                    div.style.height="60px";                                 //给按钮添加样式

                }   

                 txt.value = sum;                                                 //整个事件源需要改变的内容} 

     

  个人总结，谢谢大家的喜欢♥♥♥！