JavaScript01

<!DOCTYPE html>
<html>
  <head>
    <title>Javascript语法1</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=UTF-8">
  </head>
  
  <body>
    	<!--
        js和html相结合的方式:
        1,将javascript代码封装到<script>标签中。
        2,将javascript代码封装到js文件中,并通过<script>中的src属性进行导入。
         
       	 注意:如果<script>标签中使用src属性,那么该标签中封装的javascript代码不会被执行。 
                       所以通常导入js文件都是用单独<script>来完成。
        -->
        
        <!--导入一个js文件-->
        <!--script type="text/javascript" src="demo.js"></script-->
         
        <!--封装javascript代码。-->
        <script type="text/javascript">
            //alert("hello javascript");
        </script>
        
        <!--演示javascript语法通用内容-->
        <script type="text/javascript">
            /*
             * 通常高级程序设计语言所包含的语法内容:
             * 1,关键字:该种语言中被赋予了特殊含义的单词。
             * 2,标示符:用于标示数据和表达式的符号。通常可以理解为在程序中自定义的名称。比如变量名,函数名。
             * 3,注释:注解说明解释程序。用于调试程序。
             * 4,变量:用于标示内存中一片空间。用于存储数据,该空间的中的数据是可以变化的。 
             * 什么时候使用变量?当数据不确定的时候。
             * 5,运算符:可以让数据进行运算的符号。
             * 6,语句:用于对程序的运行流程进行控制的表达式。
             * 7,函数:用于对功能代码进行封装,便于提高复用性。
             * 8,数组:对多数据进行存储,便于操作。就是容器。
             * 9,对象:只要是基于对象的语言,或者是面向对象的语言,就存在着对象的概念,
             * 对象就是一个封装体。既可以封装数据有可以封装函数。 
             * 
             * 这些都是高级程序设计语言具备的共性内容,只不过各种语言对这些内容的表现形式有所不同。
             * 但是使用基本思想是一致。 
             */
        </script>
        
        <script type="text/javascript">
            /*
             * js中定义变量。使用到关键字。
             * 这个关键字就是var  
             */
            // 定义变量。Js是弱类型的。
            var x = 4; // var不写也行,因为js是非严谨的语言,但是我们开发的时候建议都按照严谨的方式来定义。
            x = "abc"; // 重新赋值为字符串abc。
            x = 3.45; // 赋值为小数。其实也是数字类型。
            x = true; // 赋值为boolean类型。
            x = 'c'; // 赋值为字符串c。
            // alert("x="+x);//这是一个函数,将具体的参数通过对话框进行显示。
        </script>
        
        <script type="text/javascript">
            /*
             * 运算符。
             * 1,算术运算符。
             *        + - * / % ++ --
             * 2,赋值运算符。
             *        =  += -= *=  /= %= 
             * 3,比较运算符:运算的结果要么是false要么是true。
             *        > < >= <= != ==
             *        
             * 4,逻辑运算符。用来连接两个boolean型的表达式。
             *        !  &&  ||
             * 5,位运算符。
             *        &  |  ^  >> << >>>
             * 6,三元运算符。
             *        ? :
             */
             
            //1,算术运算符演示。
            var a = 3710;
            // alert("a="+a/1000*1000);//a=3710;
            var a1 = 2.3, b1 = 4.7;
            // alert("a1+b1="+(a1+b1));
            // alert("12"-1);//11
            // alert("12"+1);//121
            // alert(true+1);//2//因为在js中false就是0,或者null,非0,非null。就是true。默认用1表示。
            // alert(2%5);//2
            var n = 3, m;
            m = ++n;
            // alert("n="+n+",m="+m);
            // =================================================
 
            // 2,赋值运算符
            var i = 3;
            // i = i+2;
            i += 2;
            // alert("i="+i);
 
            // =================================================
            // 3,比较运算符。
            var z = 3;
            // alert(z!=4);
 
            // =================================================
            // 4,逻辑运算符。
            var t = 4;
            // alert(t>7 && t<6);
            // alert(!true);
 
            // =================================================
            // 5,位运算符。
            var c = 6;
            // alert(c&3);//2
            // alert(5^3^3);//5
            // alert(c>>>1);//6/2(1);
            // alert(c<<2);//24
 
            // =================================================
            //6,三元运算符。  
            // 3 > 0?alert("yes"):alert("no");
            // alert(3>10?100:200);
        </script>
        
        <script type="text/javascript">
            /*
             * 一些细节:
             * 1,undefined:未定义。其实它就是一个常量。
             */
            var xx;
            // alert(xx);//undefined
            // alert(xx==undefined);//true
 
            //要想获取具体的值的类型。可以通过typeof来完成。
            // alert(typeof("abc")=='string');//string
            // alert(typeof(2.5)=='number');//number//判断类型。
            // alert(typeof(true));//boolean
            // alert(typeof(78));//number
            // alert(typeof('9'));//string
        </script>
  </body>
</html>


你可能感兴趣的:(JavaScript01)