JavaScript入门

一，JavaScript入门
1.js中的一些简单介绍

<!--
1.
html中的注释:
css中的注释:/*注释内容*/
js中的注释:
         // 单行注释
         /**/多行注释

2.
js中的常用的两个函数
2.1:alert("弹出框的内容")
2.2:document.write("想网页中写的内容")


3.js的使用方式:
3.1:内部使用 
<script type="text/javascript">
js代码
</script>
缺点:和html代码混杂在一起,管理起来不是很方便


3.2外部使用(推荐)
<script src="1.js"></script>
优点:可以将html代码和js代码分离,管理起来更加方便
注意:不能使用自闭和的script标签导入js文件
<script src="1.js"/>

-->
<title>无标题文档</title>
<!-- js的内部使用
<script type="text/javascript">
    //js中的弹出框
    //alert("hello");

    //给网页中写内容
    document.write("hello");

</script>
-->



<!--
js的外部使用
-->
<script src="1.js"></script>
</head>

2.js中的数据类型

<title>无标题文档</title>
<script type="text/javascript">
    /*
    1.js中变量的定义,js是一个弱类型的语言,任何变量定时的时候都使用关键字var
    var a = 100;
    var b = 12.24;
    var c = 'f';
    var d = "abc";
    var e = true;
    var f = new Object();

    定义变量的时候需要注意:
    1.变量定义全部使用关键字var,这个关键字可以省略(一般不建议)
    2.js中的变量可以重复定义,只不过后面的变量会覆盖前面的变量
    3.未赋值的变量不能使用undefined,在js中一个变量在赋值之前他的类型是不明确的,只有在赋值之后
    这个类型才被明确 


    js中类型的分类:
    number:整数,小数
    String :字符串,字符在js中都叫String类型
    boolean:true,false
    object:对象类型


    如何查看变量的类型:
    typeOf(变量)

    */

    //定义变量
    var a = 100;
    var b = 12.24;
    var c = 'f';
    var d = "abc";
    var e = true;
    var f = new Object();

    //js中的变量可以重复定义,只不过后面的变量会覆盖前面的变量
    j = 200;
    j = 300;

    //定义了一个变量h,并没有给h初始化,undefined 
    var h;

    //查看每一个变量的类型
    document.write("a:"+typeof(a)+"<br>");
    document.write("b:"+typeof(b)+"<br>");
    document.write("c:"+typeof(c)+"<br>");
    document.write("d:"+typeof(d)+"<br>");
    document.write("e:"+typeof(e)+"<br>");
    document.write("f:"+typeof(f)+"<br>");
    document.write(j);
    document.write(h);


</script>

注意 ：在js中我们也可以定义类似Java中的数据类型，但是定义的时候都使用var关键字，而且js中我们的数据类型都是number类型，在定义的时候，变量可以重复定义，但是使用的时候是按照后面的数据来选择的
3.类型转换函数

<script type="text/javascript">
/*
1.3 类型转换函数
 string->number(整数) :  parserInt(变量)
 string->number(小数):  parserFloat(变量)
*/
    var a = "100";
    var b = "12.34";

    document.write("a转换之前的类型"+typeof(a)+"<br>");
    document.write("a转换之后的类型"+typeof(parseInt(a))+"<br>");

    document.write("b转换之前的类型"+typeof(b)+"<br>");
    document.write("b转换之后的类型"+typeof(parseFloat(b))+"<br>");


</script>

注意：类型转化函数：parseInt（）可以将String转换成整数，parseFloat（）可以将String转换成小数。
4.js中的运算符

<script type="text/javascript">
/*
1.4 运算符
        1)算术运算符： + - * /  %
        2)比较运算符： > <  >=  <= ==
        3)逻辑运算符： &&  ||   !
        4)三目运算符:  表达式 ? true的结果 : false的结果
*/
    //1)算术运算符： + - * /  %
    var a = 10;
    var b = 3;
    var c = 7;
    document.write(a+b+"<br>");
    document.write(a-b+"<br>");
    document.write(a*b+"<br>");
    document.write(a/b+"<br>");

    document.write("<hr>");
    //2)比较运算符： > <  >=  <= ==
    document.write(a>b);//true
    document.write(a<b);//false
    document.write(a==b);//fasle
    document.write(a>=b);//true
    document.write(a<=b);//fasle

    document.write("<hr>");
    //3)逻辑运算符： &&  ||   !
    document.write((a>b)&&(a>c));//true&&true=true
    document.write("<br>");
    document.write((a<b)&&(a<c));//false&&fasle=fasle
    document.write("<br>");
    document.write((a>b)&&(a<c));//true&&false=fasle
    document.write("<br>");
    document.write((a<b)&&(a>c));//fasle&&true=fasle
    document.write("<br>");

    document.write("<hr>");
    //4)三目运算符:  表达式 ? true的结果 : false的结果
    var age = 17;
    age>=18?alert("您是个成年人"):alert("未成年人");


</script>

注意：js的一些的运算符和Java中是一样的，三目运算符也是一样的用法。