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再赋值;

原文地址:https://www.cnblogs.com/zqy6666/p/11793202.html