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>