javascript系列（一）

1、javascript的使用

(1)、和java注释一样,有单行注释和多行注释   没有文档注释   /单行/ /*多行注释*/

(2)、在JavaScript中常用的两个函数
   alert("弹出一个提示框") ;

document.write("向浏览器输出内容")

(3)、导入外部js文件,使用的script标签,并且script是一个有标签体的标签
src属性:导入外部js文件的

<script src="js/01.js"></script>

2、js的变量以及数据类型问题关于JavaScript的变量的定义

    关于JavaScript的变量的定义

 var 变量名= 值;
注意:
1)在js中,var可以用来定义任何数据类型的变量,var 可以省略,但是不建议省略
2)var是可以重复定义变量的(后面的值会覆盖掉前面的值),是因为JavaScript弱类型语言,而Java是一种强类型语言
3)如果定义一个变量,但是变量没有值,那么值(undefind),没有定义的变量不能直接使用!
查看一个变量的数据类型,使用一个函数:typeOf(变量名)
Javascript数据类型   :   在javascript,数据类型变量名的值来决定的!
1)不管是整数还是小数都是number类型!
2)不管是字符还是字符串,都是string类型 String:在js中表示字符串对象
3)boolean类型

4)object   :对象类型

3、js的类型转换函数

     string----number类型的整数 parseInt(变量)

     stirng----number类型的小数 parseFloat(变量)

4、javascript的运算符

     算术运算符:+,   -,   * ,    /.
  比较运算符:>= ,<= ,<,>..
  逻辑运算符:逻辑双与&&.      逻辑双或||,逻辑非!
  三元运算符:表达式? true的结果:false的结果;

                  注意:js中,true代表1,false代表0

    流程语句： if语句  
 
    if(表达式){
     语句1;
    }else{
     语句2;
    }
   
           表达式的值:
  如果是number类型,(整数类型,小数),0表示条件不成立
  如果是string类型,要么字符要么字符串,必须有数据,如果是空串,条件不成立
  如果是boolean类型,true成立,false不成立

  如果是object类型,必须有对象,否则如果是null

  js中的switch语句和 Java中的switch语句的区别
 
  js中的case后面也可以跟常量,还可以跟变量,还可以跟表达式
java中case后面只能跟常量!

  switch(表达式){
case 值1:
   语句;
  break ;
   ...
  default:
   语句;
  break ;
  }

     for:普通for循环   while循环  do-while循环

     while循环扩展格式

  初始化语句
  while(条件表达式)//{
循环体语句..
  控制体语句..

 }

    do-while循环

    do{循环体语句..

        控制体语句..}wjile（条件表达式）

with语句：with语句:格式 with(document){....}
将document对象当做witch语句参数,然后直接使用它里面的write() ;

for-in语句

               for-in:针对数组或者对象进行遍历

for(var 遍历的变量名 in 数组名称/对象名称)//{
   输出变量名
  }
  
  如果是对象(js中的对象是一个重点)进行操作,那么这里变量名就是当前对象的属性

                      js中创建对象

                    1 定义对象 :想当于Java中的构造形式,参数中不能带数据类型 var
              Java定义的构造方法
     public Pereson(String name,int age){
      }

5、函数

    函数的定义:

   function 函数名称(形式参数列表)//{
//语句
} 
    函数的调用 ：函数名称(实际参数列表) ;
  
   函数中的注意事项:
  1)函数的形式参数不能有var关键字定义,否则报错
2)在js中函数是可以有return语句的,直接return,但是没有返回值
3)在js中,函数是不存在的重载概念,后面定义的函数回覆盖掉前面定义的函数
4)当实际参数的数量小于形式参数的数量,就会出现一个值肯定是NaN;如果实际参数大于形式参数,那么最终会计算前面的值,然后将后面的数据丢弃掉!

5)在js的每一个函数中,里面存在默认的数组:arguments,它的作用就是将实际参数从左到右依次赋值给形式参数(从左到右)

6、String对象和Number对象

    String对象的表现方式
    方式1
String str = new String() ;
var str1 = new String("hello") ;
var str2 = new String("hello") ;
document.write((str1==str2)+"<br/>") ;

在js中valueOf() 默认比较的是他们 的内容是否相同
document.write(str1.valueOf()==str2.valueOf()+"<br/>") ;

    方式2
直接赋值的形式
var s1 = "hello" ;
var s2 = "hello" ;
document.write(s1==s2+"<br/>") ;
document.write(s1.valueOf()==s2.valueOf()) ;

js中String对象 的常用方法
chatAt() :返回指定索引位置处的字符
indexOf():表示某个子字符串在当前字符串中第一次出现的索引
lastindexOf();
fontColor():给当前字符串设置一个颜色标记

substrint(start,end):截取功能

创建Number对象

方式1：

var num1 = new Number(100) ;
var num2 = new Number(100) ;
document.write(num1==num2);
document.write(num1.valueOf()==num2.valueOf());*/

方式2:直接赋值创建
var num1 = 100；

var num2 = 200；

7、Math对象

 //向上取整	//在整数位置+1
			var num = 4.30 ;	
			document.write(Math.ceil(num)+"<br/>");
			//向下取整 :如果有小数部分,将小数部分去除掉,保留整数位
			document.write(Math.floor(num)+"<br/>");
			//四舍五入  
			document.write(Math.round(num)+"<br/>");
			//获随机数  random():包含0,但是不包含1
			document.write(Math.random()*100+"<br/>") ;
			//max/min
			document.write(Math.max(num,100)) ;

8、Date对象

var date  = new Date() ;
		//alert(date) ;	//Sun Jun 17 2018 16:05:35 GMT+0800 (中国标准时间)
		
		//获取系统时间:  2018年6月17日	XXX时:xx分:xx秒		--->Java中存在一个类:SimpleDateFormat
		//getFullYear :获取年份
		document.write(date.getFullYear()+"年") ;
		
		//获取月份:getMonth 方法返回一个处于 0 到 11 之间的整数，
		document.write((date.getMonth()+1)+"月") ;
		
		//获取月份中的日期
		document.write(date.getDate()+"日"+"  ") ;
		
		//获取一天当中的小时
		document.write(date.getHours()+":") ;
		
		//获取分
		document.write(date.getSeconds()+":") ;
		
		//获取分钟的秒
		document.write(date.getMinutes()) ;

9、example网页时钟

<script type="text/javascript">
	
	function newDate(){
		//生成一个系统时间的格式:2018-6-17 时:分:秒
		//创建Date对象
		var date = new Date() ;
		
		//dateStr就是系统时间
		var dateStr = date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+"  "+
					date.getHours()+":"+date.getMinutes()+":"+date.getSeconds() ;
		
		//获取span标签对象,通过id获取
		var dateTip = document.getElementById("dateTip") ; //dateTip is null 
		//设置span标签的innerHTML属性:文本属性
		dateTip.innerHTML = dateStr;
	}
	
	//定时器
	//1)setInterval("任务",毫秒值) ; 每经过多少毫秒重复执行这个任务(函数)
	//2)timeout("任务",毫秒值) ;经过多少毫秒后执行一次这个任务
	
	window.setInterval("newDate()",1000) ;
	
</script>