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中是一样的，三目运算符也是一样的用法。