用于用户验证输入
if(x==""||isNaN(x))
{
alert("Not Numeric");
}
.innerHTML="Hello JavaScript"; //改变内容
.style.color="#ff0000"; //改变样式
在文本字符串中使用反斜杠对代码行进行换行
document.write("Hello \World!");
x后面跟上换行
document.write(x + "<br>");
可以在字符串中使用引号,只要不匹配包围字符串的引号即可:
var answer="Nice to meet you!";var answer="He is called 'Bill'";var answer='He is called "Bill"';
对象属性有两种寻址方式:
var person={firstname:"Bill", lastname:"Gates", id:5566};
name=person.lastname;name=person["lastname"];
在调用函数时,可以发送任意多的参数,由逗号 (,) 分隔:变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值,以此类推。
<button onclick="myFunction('Bill Gates','CEO')">点击这里</button>
<script>
function myFunction(name,job)
{
alert("Welcome " + name + ", the " + job);
}
</script>
如果变量 中的值是 "PRES",则向变量 赋值 "Dear President ",否则赋值 "Dear"。
var a="PRES";
b=(a=="PRES")?"Dear President ":"Dear ";
alert(b);
如果时间小于 10:00,则将发送问候 "Good morning",否则如果时间小于 20:00,则发送问候 "Good day",否则发送问候 "Good evening":
function myFunction()
{
var x="";
var time=new Date().getHours();//获取当前的时间
//天数也可以 var day=new Date().getDay();
var x;
var d=new Date().getDay();
switch (d)
{
case 0:
x="Today it's Sunday";
break;
case 1:
x="Today it's Monday";
break;
case 2:
x="Today it's Tuesday";
break;
case 3:
x="Today it's Wednesday";
break;
case 4:
x="Today it's Thursday";
break;
case 5:
x="Today it's Friday";
break;
case 6:
x="Today it's Saturday";
break;
default: x="Looking forward to the Weekend";// default 关键词来规定匹配不存在时做的事情
}
document.getElementById("demo").innerHTML=x;
JavaScript for/in 语句循环遍历对象的属性:
function myFunction()
{
var x;
var txt="";
var person={fname:"Bill",lname:"Gates",age:56};
for (x in person)
{
txt=txt + person[x];
}
document.getElementById("demo").innerHTML=txt;
}
try 语句允许我们定义在执行时进行错误测试的代码块。
catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。
JavaScript 语句 try 和 catch 是成对出现的。
try
{
adddlert("Welcome guest!");
}
catch(err)
{
txt="本页有一个错误。\n\n";
txt+="错误描述:" + err.message + "\n\n";
txt+="点击确定继续。\n\n";
alert(txt);
}
throw 语句允许我们创建自定义错误。
正确的技术术语是:创建或抛出异常(exception)。
如果把 throw 与 try 和 catch 一起使用,那么您能够控制程序流,并生成自定义的错误消息。
function myFunction()
{
try
{
var x=document.getElementById("demo").value;
if(x=="") throw "值为空";
if(isNaN(x)) throw "不是数字";
if(x>10) throw "太大";
if(x<5) throw "太小";
}
catch(err)
{
var y=document.getElementById("mess");
y.innerHTML="错误:" + err + "。";
}
}
</script>
<h1>我的第一个 JavaScript 程序</h1>
<p>请输入 5 到 10 之间的数字:</p>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">测试输入值</button>
<p id="mess"></p>