1.JavaScript 运算符
- 算术运算符 + 、-、*、/、%、++、--。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>算术运算符</title>
<script>
window.onload=function(){
//1.算术运算符 + 、-、*、/、%、++、--。
var num1=10;
var num2=3;
//+ 算术运算符【加--和】
//+ 连字符
document.write("<h1>"+num1+"+"+num2+"="+(num1+num2)+"</h1>");
document.write("<h1>"+num1+"-"+num2+"="+(num1-num2)+"</h1>");
document.write("<h1>"+num1+"*"+num2+"="+(num1*num2)+"</h1>");
document.write("<h1>"+num1+"/"+num2+"="+(num1/num2)+"</h1>");
document.write("<h1>"+num1+"%"+num2+"="+(num1%num2)+"</h1>");
//++[自动加1]
//变量++【先用后加】
//document.write("<h1>num1++ ="+(num1++)+"</h1>"); //10
//document.write("<h1>num1="+num1+"</h1>");// 11
//++变量【先加后用】
//document.write("<h1>++num1 ="+(++num1)+"</h1>"); //11
//document.write("<h1>num1="+num1+"</h1>"); //11
//--【自动减1】
//变量--【先用后减】
//document.write("<h1>num1-- ="+(num1--)+"</h1>"); //10
//document.write("<h1>num1="+num1+"</h1>");// 9
//--变量【先减后用】
document.write("<h1>--num1 ="+(--num1)+"</h1>"); //9
document.write("<h1>num1="+num1+"</h1>"); //9
}
</script>
</head>
<body>
</body>
</html>
2.比较运算符 == === != > < >= <=
运算结果一定是布尔Boolean型
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>比较运算符</title>
<script>
window.onload=function(){
//2.比较运算符 == != > < >= <= ===
var num1 = 10;
var num2 = 3;
document.write("<h1>"+num1+"=="+num2+"="+(num1==num2)+"</h1>");
document.write("<h1>"+num1+"!="+num2+"="+(num1!=num2)+"</h1>");
document.write("<h1>"+num1+">"+num2+"="+(num1>num2)+"</h1>");
document.write("<h1>"+num1+"<"+num2+"="+(num1<num2)+"</h1>");
document.write("<h1>"+num1+">="+num2+"="+(num1>=num2)+"</h1>");
document.write("<h1>"+num1+"<="+num2+"="+(num1<=num2)+"</h1>");
// === [比较数值的同时,也要比较数据类型]
var a=10;
var b="10";
document.write("<h1>"+a+"==="+b+"="+(a===b)+"</h1>");
}
</script>
</head>
<body>
</body>
</html>
3.逻辑运算符 || && !
运算数据和运算结果都是布尔boolean
a=true b=false
|| | && | ! |
a || b---true | a && b---false | !a ---false |
b || a---true | b && a---false | !b ---true |
a || a---true | a && a---true |
|
b || b---false | b && b---false |
|
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>逻辑运算符</title>
<script>
window.onload=function(){
//3.逻辑运算符 || && !
var num1 = 10;
var num2 = 3;
document.write("<h1>"+((num1>num2) || (num1<num2))+"</h1>"); //true
document.write("<h1>"+((num1>num2) && (num1<num2))+"</h1>"); //false
document.write("<h1>"+!((num1>num2) || (num1<num2))+"</h1>"); //false
}
</script>
</head>
<body>
</body>
</html>
4.条件运算符 【(判断表达式) ? 数值1 : 数值2】 ()? :
var iablename=()?value1:value2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>条件运算符</title>
<script>
function test1(){
//4.条件运算符 【(判断表达式) ? 数值1 : 数值2】 ()? :
var val=document.getElementById("text1").value;
var str=(val > 18)?"成年":"未成年";
document.getElementById("text1").value=str;
}
</script>
</head>
<body>
<input id="text1" type="text" value="请输入年龄" /><br>
<input type="button" value="测试条件运算符" onclick="test1();"/>
</body>
</html>
5.typeof 操作符--检测变量的数据类型
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>typeOf</title>
<script>
window.onload=function(){
//typeof 操作符--检测变量的数据类型
//格式 : typeof 变量
var str="hello"; //string
var num=123.5; //number
var boo=false; //boolean
var arr=new Array(12,45.5); //object
var obj={id:1001,name:"zhangsan"}; //object
var testnull=null; //object
var un; //undefined
document.write("<h1>str的数据类型=="+typeof str+"</h1>");
document.write("<h1>num的数据类型=="+typeof num+"</h1>");
document.write("<h1>boo的数据类型=="+typeof boo+"</h1>");
document.write("<h1>arr的数据类型=="+typeof arr+"</h1>");
document.write("<h1>obj的数据类型=="+typeof obj+"</h1>");
document.write("<h1>testnull的数据类型=="+typeof testnull+"</h1>");
document.write("<h1>un的数据类型=="+typeof un+"</h1>");
}
</script>
</head>
<body>
</body>
</html>
2.JavaScript 流程控制语句
1.顺序结构 自上而下一行一行逐行执行
2.选择结构 有选择的执行某一部分
2.1 if语句结构
1.if(){}
2.if(){}else{}
3.if()else{}if(){}else{}if()......
4.if语句的嵌套
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>if语句结构</title>
<script>
window.onload=function(){
//if(){} --当()中的结果为true是执行{}中的程序
var num1=-10;
/*
if(num1>11){
alert("当()中的结果为true是执行{}中的程序");
}
*/
//2.if(){}else{}--【2选1】
//当()中的结果为true是执行第一个{}中的程序
//当()中的结果为false是执行第二个{}中的程序
/*
if(num1>11){
alert("当()中的结果为true是执行第一个{}中的程序");
}else{
alert("当()中的结果为false是执行第二个{}中的程序");
}
*/
//3.if(){}else if(){}else if(){}...else{}--【多选1】
//当第一个()中的结果为true执行第一个{}中的程序
//当第一个()中的结果为false执行第二个()中的程序
//当第二个()中的结果为true执行第二个{}中的程序
//当第二个()中的结果为false执行第s三个()中的程序
//.....以此类推
//当所有()中的结果为false的时候,执行最后一个{}中的程序
/*
if(num1>0){
alert("当第一个()中的结果为true执行第一个{}中的程序");
}else if(num1<8){
alert("当第二个()中的结果为true执行第二个{}中的程序");
}else if(num1<4){
alert("当第三个()中的结果为true执行第三个{}中的程序");
}else{
alert("当所有()中的结果为false的时候,执行最后一个{}中的程序");
}
*/
//4.if语句的嵌套 【4选1】
if(num1>0){
if(num1<60){
alert("不及格"); //true true
}else{
alert("及格"); //true false
}
}else{
if(num1==0){
alert("0分"); //false true
}else{
alert("没有负数"); //false false
}
}
}
</script>
</head>
<body>
</body>
</html>
2.2Switch语句结构
switch 语句用于基于不同的条件来执行不同的动作。
语法:
switch(表达式 n){
case 常量值1:
执行代码块 1 break;
case 常量值1:
执行代码块 2 break;
.......
case 常量值n:
执行代码块 n
break;
default:
表达式的结果与case后面常量值都不匹配;
}
工作原理:首先设置表达式 n(通常是一个变量)。随后表达式的值会与结构中的每个 case 的值做比较。如果存在匹配,则与该 case 关联的代码块会被执行。请使用 break 来阻止代码自动地向下一个 case 运行。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>switch</title>
<script>
function jisuan(){
var num1=document.getElementById("num1").value;
var op=document.getElementById("op").value;
var num2=document.getElementById("num2").value;
var span=document.getElementById("span");
switch(op){
case "+": span.innerHTML=num1+"+"+num2+"="+(num1*1+num2*1);break;
case "-": span.innerHTML=num1+"-"+num2+"="+(num1*1-num2*1);break;
case "*": span.innerHTML=num1+"*"+num2+"="+(num1*1*num2*1);break;
case "/": span.innerHTML=num1+"/"+num2+"="+(num1*1/num2*1);break;
default: span.innerHTML="运算符号有错!";
}
}
</script>
</head>
<body>
<input id="num1" type="text" value="请输入数字" /><br>
<input id="op" type="text" value="请输入运算符" /><br>
<input id="num2" type="text" value="请输入数字" /><br>
<input type="button" value="计算结果" onclick="jisuan()"/><br>
<span id="span"></span>
</body>
</html>
3.循环结构
3.1for循环
for (语句 1; 语句 2; 语句 3){
被执行的代码块
}
语句 1 (代码块)开始前执行 starts.[初始条件]
语句 2 定义运行循环(代码块)的条件[判断条件]
语句 3 在循环(代码块)已被执行之后执行[循环增量/减量]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>for</title>
<script>
window.onload=function(){
/*
for (语句 1; 语句 2; 语句 3){
被执行的代码块
}
语句 1 (代码块)开始前执行 starts.[初始条件]
语句 2 定义运行循环(代码块)的条件[判断条件]
语句 3 在循环(代码块)已被执行之后执行[循环增量/减量]
*/
/*
var arr1=new Array(6,5,4,3,2,1);
for(var i=0;i<arr1.length;i++){
document.write("<h"+arr1[i]+">测试for循环</h"+arr1[i]+">");
}
*/
for(var i=10;i>0;i--){
document.write("<h1>数字i=="+i+"</h1>");
}
}
</script>
</head>
<body>
</body>
</html>
3.2for/in
JavaScript for/in 语句循环遍历对象的属性
for (保存属性变量 in 对象){
对象名称[保存属性值的变量] ;//属性值
}
例如:
var user={id:1001,name:"zhangsan",age:23};
var att=""; //保存属性的变量
for(att in user){
//alert(att);
alert(att+"=="+user[att]);
}
3.3 while循环
语法:
while (判断条件){
需要执行的代码
}
1.初始值需要定义在while语法以外
2.控制循环增量/减量的代码,需要写在” 需要执行的代码”后面,如果没有就是死循环。
例如:
var arr1=new Array(6,5,4,3,2,1);
var i=0; // 初始值
while(i<arr1.length){
document.write("<h"+arr1[i]+">测试for循环</h"+arr1[i]+">");
i++;
}
3.4 do{}while循环
语法
do{
需要执行的代码
}while (判断条件);
1.初始值需要定义在while语法以外
2.控制循环增量/减量的代码,需要写在” 需要执行的代码”后面,如果没有就是死循环。
例如:
var arr1=new Array(1,2,3,4,5,6);
var i=0; // 初始值
do{
document.write("<h"+arr1[i]+">测试for循环</h"+arr1[i]+">");
i++;
}while(i<arr1.length);
while与do{}while()的区别?
while是先判断后执行,do{}while()先执行后判断,do{}while()与while同等条件下多执行一次。
while/do{}while()与for的区别
for--在执行的时候需要明确的知道循环的次数
While()/do{}while()----不需要明确的知道循环的次数。
4. break 和 continue 语句
break---中断[循环/switch]
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>break</title>
<script>
for(var i=1;i<=6;i++){
document.write("<h"+i+">测试break</h"+i+">");
if(i==3){
break;
}
}
</script>
</head>
<body>
</body>
</html>
continue--继续【循环-结束当前循环,进入下一次循环】
for(var i=1;i<=6;i++){
if(i==3){
continue;
}
document.write("<h"+i+">测试continue"+i+"</h"+i+">");
}
3.Javascript中的对象
1.内置对象
1.1 高级对象 String Number Date Array......
1.2 Dom对象【文本对象】
window.οnlοad=function(){
var textInput=document.getElementById("text1");
alert(textInput);
}
1.3Bom对象【浏览器对象】
2.自定义对象
JavaScript 对象是拥有属性和方法【函数】的数据。
对象的定义形式:
1.定义一行
例如:
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
2.JavaScript 对象可以跨越多行。
例如:
var person = {
firstName : "John",
lastName : "Doe",
age : 50,
eyeColor : "blue"
};
属性名称不需要引号,属性值中【字符串,时间日期】需要引号,其他的值不需要引号。
对象中属性和方法的访问:
1.对象中属性访问
格式: 对象名称.属性名称;
对象名称[“属性名称”] / 对象名称[‘属性名称’]
2.对象中方法访问
格式: 对象名称.方法名称;
变量的分类:
全局变量---对象之外的变量
1.当前对象所处函数之外
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>全局变量</title>
<script>
//函数之外的全局变量
//1.可以被当前程序中的任何一个函数的方法访问
//2.可以被当前程序中的任何一个函数方法中的对象中的方法访问
var testval1="全局变量";
function test1(){
//alert("testval1=="+testval1);
var per={getPerTest:function(){
alert("testval1=="+testval1);
}};
per.getPerTest();
}
function test2(){
alert("testval1=="+testval1);
}
</script>
</head>
<body>
<input type="button" value="测试全局变量1" onclick="test1();"/><br>
<input type="button" value="测试全局变量2" onclick="test2();"/>
</body>
</html>
2.当前对象所处函数里面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>全局变量2</title>
<script>
//当前函数里面,对象之外的全局变量
//1.当前函数中的任何一个对象的方法中访问
//2.当前程序中的其他函数无法访问
function test1(){
var testval="函数里面,对象之外的全局变量";
var per={getPerInfo:function(){
alert(testval);
}};
var stu={getstuInfo:function(){
alert(testval);
}};
//per.getPerInfo();
stu.getstuInfo();
}
function test2(){
alert(testval);
}
</script>
</head>
<body>
<input type="button" value="测试全局变量1" onclick="test1();"/><br>
<input type="button" value="测试全局变量2" onclick="test2();"/>
</body>
</html>
局部变量---对象里面,对象的函数里面,函数的参数
1.当前程序中函数里面的局部变量
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>局部变量</title>
<script>
function test1(){
var testval="当前程序中函数里面的局部变量";
//1.当前程序中当前函可以访问
//2.当前程序中当前函的对象的方法中可以访问
var per={getPerInfo:function(){
alert(testval);
}};
var stu={getstuInfo:function(){
alert(testval);
}};
}
function test2(){
alert(testval);
}
</script>
</head>
<body>
</body>
</html>
2.对象的函数中--只有当前对象的函数中可以访问
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>局部变量</title>
<script>
function test1(){
var per={getPerInfo1:function(){
var val="对象的函数中";
alert(val);
},
getPerInfo2:function(){
alert(val);
}
};
var stu={getstuInfo:function(){
alert(val);
}};
//per.getPerInfo1();
//per.getPerInfo2();
stu.getstuInfo();
}
</script>
</head>
<body>
<input type="button" value="测试局部变量1" onclick="test1();"/><br>
</body>
</html>
3.对象中方法之外的变量【对象的属性】--- 对象名称.属性名称
4.函数的参数
1.当前程序的函数的参数===当前程序中函数里面的局部变量
2.当前对象的方法参数===对象的函数中的对象的函数中。
内置对象
1.javascript高级对象
1.创建
2.调用对象的属性和方法
3.注意事项
1.1字符串对象(String)
一个字符串可以使用单引号或双引号:
实例:
var carname="Volvo XC60";
var carname='Volvo XC60';
注意:双引号中的双引号用单引号代替。
var str="zhangsan:say’hello’";
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>字符串对象(String)</title>
<script>
window.onload=function(){
//使用单引号或双引号包围的就是string对象
//var str1="hello"; //string
//var str2='world'; //string
//alert(typeof str2);
//双引号中的双引号用单引号代替,也可以使用转义字符
//var str3="hello'world'";
//var str3="hello\"world\"";
//alert(str3);
//\' 单引号 \" 双引号 \\ 斜杆
//\n 换行 \r 回车 \t tab \b 空格
//创建String对象
//1.通过直接赋值的方式
//var str1="hello,world";
//2.通过String的构造器 new String(value);
var str2=new String("hello,world");
//alert(typeof str2); //string对象
//String的常用属性和方法
//1.length属性---计算字符串的长度
//alert("length属性=="+str2.length);
//2.charAt(index)--得到字符串中指定位置的字符
//alert("charAt(5)=="+str2.charAt(5));
//3.indexOf()--得到指定字符/字符串在原始字符串中第一次出现位置,如果没有就得到-1
//alert("indexOf(\"l\")=="+str2.indexOf("l")); //2
//4.lastIndexOf()得到指定字符/字符串在原始字符串中最后一次出现位置,如果没有就得到-1
//alert("lastIndexOf(\"l\")=="+str2.lastIndexOf("l")); //9
//5.substring(start,end)--截取字符串
//alert("substring(2,5)=="+str2.substring(2,5));//llo
//6.replace(old,new) 方法在字符串中用某些字符替换另一些字符。
//alert("replace(\"hello\",\"HELLO\")=="+str2.replace("hello","HELLO"));
//7.split(分隔符)将字符串通过指定分隔符转为String数组【拆分字符串】
var strarray=str2.split(",");
alert(strarray.length);
}
</script>
</head>
<body>
</body>
</html>
特殊字符:
下表列出其他特殊字符,可以使用反斜线转义特殊字符:
代码 | 输出 |
\' | 单引号 |
\" | 双引号 |
\\ | 斜杆 |
\n | 换行 |
\r | 回车 |
\t | tab |
\b | 空格 |
var info="zhangsan:say\"hello\"";
1.2Number 对象
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Number 对象</title>
<script>
window.onload=function(){
//在javascript中不分整数和小数,都是Number对象
//var num1=100;
//var num2=12.5;
//alert(typeof num2);
//极大或极小的数字可通过科学(指数)计数法来写:
//var y=123e5; // 12300000
//var z=123e-5; // 0.00123
//精度
//整数(不使用小数点或指数计数法)最多为 15 位。
//小数的最大位数是 17,但是浮点运算并不总是 100% 准确:
//var num1=10/3; //3.3333333333335
//八进制和十六进制
//如果前缀为 0,则 JavaScript 会把数值常量解释为八进制数,
//如果前缀为 0 和 "x",则解释为十六进制数。
//var y = 0377; //8进制 255
//var z = 0xFF; //16进制 255
//注意:我们在定数字变量赋值是不要随便去开头使用”0”/”0x”。
//NaN - 非数字值【not a Number】
//NaN 属性是代表非数字值的特殊值。该属性用于指示某个值不是数字。可以把 Number 对象设置为该值,来指示其不是数字值。
//你可以使用 isNaN() 全局函数来判断一个值是否是 NaN 值。
//var a="hello";
//alert(isNaN(a)); //false--是数字 true--不是数字
//创建数字对象
var num1=new Number(100.238);
//alert(typeof num1);
//数字对象的常用属性和方法
//1.MAX_VALUE-- JavaScript 中可表示的最大的数
//alert(Number.MAX_VALUE);
//2.MIN_VALUE-- JavaScript 中可表示的最小的数
//alert(Number.MIN_VALUE);
//3.toFixed();四舍五入保留指定的小数位数
//alert(num1.toFixed(2)); //100.24
//4.toString()方法可把一个 Number 对象转换为一个字符串,并返回结果。
alert(typeof num1);
var jieguo=num1.toString();
alert(typeof jieguo);
}
</script>
</head>
<body>
</body>
</html>
1.3JavaScript Array(数组)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>数组</title>
<script>
window.onload=function(){
//数组对象的作用是:使用单独的变量名来存储一系列的值。
//创建数组
//1.通过构造器
//var arr1=new Array();
//2.直接赋值
//var arr2=[];
//数组赋值
//1.先定义后赋值
var arr1=new Array();
arr1[0]=100;
arr1[1]=true;
arr1[2]=12.5;
arr1[3]="hello";
//2.直接赋值
var arr2=[1001,"zhangsan",23,"西安"];
//数组的取值,需要使用下标
//alert(arr1[3]);
//alert(arr2[1]);
//数组方法和属性
//1.length---得到数组元素的个数。
//alert("length=="+arr2.length);
//2.concat()合并两个数组
var arr3=arr1.concat(arr2);
//alert("length=="+arr3.length);
//3.join()用数组的元素组成字符串
//var str1=arr3.join();
//alert("join()=="+str1);
//4.pop()删除数组的最后一个元素
//arr3.pop();
//alert("length=="+arr3.length);
//alert(arr3[7]);
//5.shift()删除数组的第一个元素
//arr3.shift();
//alert(arr3[0]);
//6.push()数组的末尾添加新的元素
//arr3.push("hello");
//alert("length=="+arr3.length);
//alert(arr3[8]);
//7.unshift()在数组的开头添加新元素
//sort()数组排序(按字母顺序升序)
/*
arr2.sort();
for(var i=0;i<arr2.length;i++){
alert(arr2[i]);
}
*/
var numarray=[1001,1000,1008,1005];
//numarray.sort();
numarray.sort(function(a,b){return b-a});
for(var i=0;i<numarray.length;i++){
alert(numarray[i]);
}
}
</script>
</head>
<body>
</body>
</html>
1.4JavaScript Boolean(布尔)【注意Boolean对象与boolean值的差异】
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>boolean对象</title>
<script>
window.onload=function(){
//boolean对象的创建
//1.直接赋值
var test1=true;
var test2=false;
//2.通过构造器创建boolean对象
var test3=new Boolean(true);
var test4=new Boolean(false);
//0--false 非0--true
var test5=new Boolean(0);
var test6=new Boolean(10);
//空字符串""---false 非空字符串--true
var test7=new Boolean("");
var test8=new Boolean("asaa");
//null---false NaN---false
var test9=new Boolean(null);
var test10=new Boolean(NaN);
//对象-- true
var user={id:1001,name:"zhangsan"};
var test11=new Boolean(user);
//valueOf() 返回 Boolean 对象的原始值。
var test12=test11.valueOf();
}
</script>
</head>
<body>
</body>
</html>
1.5JavaScript Date(日期)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript Date(日期)</title>
<script>
window.onload=function(){
//1、创建Date对象
//1.new Date(); 当前系统时间
//var date1=new Date();
//2.new Date(milliseconds) //返回从 1970 年 1 月 1 日至今的毫秒数
//得到当时间的毫秒数
//getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。
//var date1=new Date();
//var haomiao=date1.getTime();
//var date2=new Date(haomiao);
//3.new Date(dateString)通过指定的字符串的时间日期创建Date对象
//var date3=new Date("2021/12/1 12:29:30");
//var date4=new Date("2021-12-1 12时29分30秒");错误
//4.new Date(year, month, day, hours, minutes, seconds, milliseconds)
//var date5=new Date(2021,09,20);
//Date的常用方法
//getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。
//var time=new Date().getTime();
//getFullYear()获取年份
//getMonth()获取月份【从0开始数,我们在使用的是需要+1】
//getDate()获取月中的天数
//getDay()获取星期
//getHours()获取小时数
//getMinutes()获取分钟数
//getSeconds()获取秒数
var date1=new Date();
var m=(date1.getMonth()*1)+1;
var time=date1.getFullYear()+"年"+m+"月"+date1.getDate()+"日";
//setFullYear(y,m,d) 设置具体的日期。
//setMonth()设置月份【从0开始数,我们在使用的是需要-1】
//setDate()设置月中的天数
//setDay()设置星期
//setHours()设置小时数
//setMinutes()设置分钟数
//setSeconds()设置秒数
//setTime()设置毫秒数,得到从 1970 年 1 月 1 日设置的毫秒数重新给出时间日期
var date2=new Date();
date2.setFullYear(2021);
date2.setMonth(3-1);
date2.setDate(10);
alert(date2.getDate());
//两个日期比较
var x=new Date();
x.setFullYear(2100,0,14);//设置一个时间用来比较
var today = new Date(); //得到当天的时间日期
if (x>today){
alert("今天是2100年1月14日之前");
}else{
alert("今天是2100年1月14日之后");
}
}
</script>
</head>
<body>
</body>
</html>
如何在网页上显示一个钟表:
<script>
function startTime(){
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();// 在小于10的数字钱前加一个‘0’
m=checkTime(m);
s=checkTime(s);
document.getElementById('txt').innerHTML=h+":"+m+":"+s;
t=setTimeout(function(){startTime()},500);
}
function checkTime(i){
if (i<10){
i="0" + i;
}
return i;
}
</script>
1.6JavaScript Math(算数)
Math(算数)对象的作用是:执行常见的算数任务。
算数值【常量值】
Math.E -- 自然常数,为数学中一个常数,是一个无限不循环小数,且为超越数,其值约为2.718281828459045。
Math.PI------圆周率
算数方法:
max()返回两个给定的数中的较大的数
min()返回两个给定的数中的较小的数
random()返回 0 到 1 之间的随机数。
round()最为接近的整数,注意负数
document.write("<h1>自然常数=="+Math.E+"</h1>");
document.write("<h1>圆周率=="+Math.PI+"</h1>");
document.write("<h1>平方根=="+Math.sqrt(9)+"</h1>");
document.write("<h1>立方根=="+Math.cbrt(8)+"</h1>");
document.write("<h1>次幂=="+Math.pow(2,3)+"</h1>");
document.write("<h1>随机数=="+Math.random()+"</h1>");
document.write("<h1>最为接近的整数=="+Math.round(-12.6)+"</h1>");
document.write("<h1>最大数=="+Math.max(12,34,8)+"</h1>");
document.write("<h1>最小数=="+Math.min(12,34,8)+"</h1>");