zoukankan      html  css  js  c++  java
  • js基础(一)

    定义(注意:代码大小写敏感)

      基于事件和对象驱动,并具有安全性能的脚本语言  

      Javascript文件在客户端运行。

        浏览器(客户端)的主要组件中包括渲染引擎和JS解释器等。
        渲染引擎 - 用来显示请求的内容,例如,如果请求内容为html,它负责解析html及css,并将解析后的结果显示出来。
        JS解释器 - 用来解释执行JS代码

    引入  

      <script type=”text/javascript”>具体js代码</script>
      <script type=”text/javascript” src=”js文件”></script>

    注释  

      // 单行注释  /*多行注释*/

    js的输出语法

      弹窗形式    alert();     控制台输出:console.log();一般作为调试输出语句        prompt() 方法用于显示可提示用户进行输入的对话框

      document.write()   在html文档中打印出来

    变量       

      其值可以发生改变的量就是变量。变量是用于存储信息的"容器"

      命名规范  js里边:字母、数字、下划线、$符号 等4个组成部分,数字不能作为名字的开始内容。

              驼峰法命名

    数据类型

       javascript(6种): number(int/float) string boolean undefined object(数组是对象的一部分)
       null类型:空对象类型。可以理解为对象的占位符,初始化时,给它赋值null
       undefined未定义类型 object对象类型:window document 数组  typeOf():输出变量的类型

       var aa="字符型";  var aa=11; 数据型  var aa=null;对象型  var aa=false;布尔型 */

      a:转数字:

        1)Number转换:

          a = Number(a);

            注意:a) 如果转换的内容本身就是一个数值类型的字符串,那么将来在转换的时候会返回自己。

               b) 如果转换的内容本身不是一个数值类型的字符串,那么在转换的时候结果是NaN.

               c) 如果要转换的内容是空的字符串,那以转换的结果是0.

               d) 如果是其它的字符,那么将来在转换的时候结果是NaN.

        2)parseInt():

            代码:

              var a = “123”; a = parseInt(a);

            a) 忽略字符串前面的空格,直至找到第一个非空字符,还会将数字后面的非数字的字符串去掉。

            b) 如果第一个字符不是数字符号或者负号,返回NaN

            c) 会将小数取整。(向下取整)

        3)parseFloat();//浮点数(小数)

            与parseInt一样,唯一区别是parseFloat可以保留小数。

      b.转字符串

          可以将其它的数据类型转成字符串。

        1)String():

          a = String(a);

        2)toString()的方法来进行转换(包装类)。

          代码:
            var a = 123; a = a.toString();

         undefined,null不能用toString。

    数学函数 运算符 日期时间函数:见代码

    <script type="text/javascript">
    /* 	//typeof()输出数据类型
    	var aa="assesddd";
    	alert( typeof(aa) ); */
    	
    /* 	var aa="11";
    	var bb = Number(aa);
    	
    	var cc=aa+1;
    	var dd=bb+1;
    	alert(cc+"&&"+dd);
    	// alert( typeof(dd) ); */
    	
    	// var aa="1.45";
    	// var bb=parseInt(aa);
    	// var cc = parseFloat(aa);
    	// alert(cc);
    	
    	/* 随机数: Math.random()
    – 选取某个范围内的随机值:
    • 值 = Math.floor(Math.random() * 可能值的总数 + 第一个可能的值) */
    	var a = Math.random();
    	var b=parseInt(a*33+1);
    	/* 最大最小值
    – Math.max()获取最大值
    – Math.min()获取最小值
    • 舍入:
    – 向上舍 Math.ceil()
    – 向下舍 Math.floor()
    – 四舍五入 Math.round() */
    	alert(Math.max(4,5,6,7,2));
    	alert(Math.max(3,4,5,7));
    	alert(math.PI);
    </script>
    

      

    <script type="text/javascript">
    	// var aa =new Date();//获取系统当前时间
    	// var b = aa.getYear();/* 获取当前年份-1900的值(2位) */
    	// document.write(b);
    	// var c = aa.getFullYear();/* 获取完整的年份(4位,1970-????) */
    	// document.write("<br>"+c);
    	// var d = aa.getMonth();/* 获取当前月份(0-11,0代表1月) */
    	// document.write("<br>"+d);
    	// var e = aa.getDate(); //获取当前日(1-31)
    	// document.write("<br>"+e);
    	// var f = aa.getDay();//获取当前星期X(0-6,0代表星期天)
    	// document.write("<br>"+f);
    	// var g = aa.getTime(); //获取当前时间(从1970.1.1开始的毫秒数)
    	// document.write("<br>"+(g+""));
    	// var h=aa.getHours(); //获取当前小时数(0-23)
    	// document.write("<br>"+h);
    	// var i=aa.getMinutes();//获取当前分钟数(0-59)
    	// document.write("<br>"+i);
    	// var j=aa.getSeconds();//获取当前秒数(0-59)
    	// document.write("<br>"+j);
    	// var k=aa.getMilliseconds(); //获取当前毫秒数(0-999)
    	// document.write("<br>"+k);
    	// var l=aa.toLocaleDateString();//获取当前日期
    	// document.write("<br>"+l);
    	// var m=aa.toLocaleTimeString(); //获取当前时间
    	// document.write("<br>"+m);
    	// var n=aa.toLocaleString();//获取日期与时间
    	// document.write("<br>"+n+"<br>");
    	// document.write(c+"-"+d+"-"+e+"  "+h+":"+i+":"+j);
    	
    	
    	
    	// var a1=12;
    	// // ++a1;
    	// // a1++;
    	// // a1=++a1;
    	// a1=a1++;/* 注意这个也是12 和c1=a1++这个是一样的*/
    	// c1=a1++;
    	// d1=++a1;
    	// document.write(a1,c1,d1);
    /* 	var bb = parseInt(prompt("输入"));
    	// var cc= bb%2==1? "奇数": "偶数";
    	document.write( bb%2==1? "奇数": "偶数"); */
    	/* var  dd = parseInt(prompt("输入年份"));
    	// document.write(dd%400===0? "闰年": dd%4===0? dd%100 !=0? "闰年":"不是闰年" :"不是闰年");
    	if ((dd%4==0 )&& (dd%100!==0 )||(dd%400==0)) {
    		document.write("闰年");
    	} 
    	else{
    		document.write("非闰年");
    	} */
    	/* 符合运算 */
    	var t=1;
    	var b=5,c=3
    	// t+=3;/* t=t+3 */
    	t*=c-=b+=t%=2/* 解析从右到左 t=t%2 b=b+t c=c-b t=t*c -3*/
    	alert(t);
    </script>
    

      注意:符合赋值运算符如t*=c-=b+=t%=2/* 解析从右到左 t=t%2 b=b+t c=c-b t=t*c -3*/

      自运算注意

      var a1=12;
      ++a1;
      a1++;
      a1=++a1;
      a1=a1++;/* 注意这个也是12 和c1=a1++这个是一样的*/
      c1=a1++;
      d1=++a1;
      document.write(a1,c1,d1);

      试一下这个就明白了a++先赋值 再自加 ++a先自加1再赋值;

  • 相关阅读:
    我的Git教程 之 初始化本地库
    再学Java 之 Integer 包装类缓存
    再学Java 之 private、protected、public和default的作用域
    再学Java 之 形参个数可变函数
    再学Java 之 foreach循环
    解决MySQL中文乱码问题
    再学Java 之 解决No enclosing instance of type * is accessible
    从一个例子学习 instanceof 和 getclass 的区别
    如何单独启动wamp 中自带的MySQL
    网络游戏程序员须知 UDP vs TCP(转)
  • 原文地址:https://www.cnblogs.com/zqy6666/p/11793202.html
Copyright © 2011-2022 走看看