1 变量
变量作用域:(方式、位置)
•全局变量:在函数外声明
•局部变量:在函数内声明
•全局变量可在整个脚本中被使用,可在不同的窗口中相互引用(指定窗口名)
•<Script>
var globe = "JavaScript"; // globe是全局变量 test();
•function test() { var local = "VBScript"; // local是局部变量
document.write("<LI>" + globe ); document.write("<LI>" + local ); }
•document.write("<LI>" + globe ); document.write("<LI>" + local );
</Script>
2 With语句
使用with语句后,在with代码块中不再需要使用with对象进行方法调用,可直接写出方法名称进行方法的使用
with (document)
{ write (“欢迎你们:”);
write (“<Li>很高兴认识大家”);
write (“<Li>希望我们成为朋友。");
}
3 for..in ,构造方法
for...in语句:重复执行指定对象的所有属性
•格式: for ( 变量 in 对象 ){ <语句组> }
function member(name, sex) {//构造函数member
• this.name = name;
• this.sex = sex;
•}
•function showProperty(obj, objString)
•{
•var str = "";
•for (var i in obj)
• str += objString + "." + i + " = " + obj[i] + "<BR>";
• return str;
•}
•obj = new member("刘德华", "男生");//建立对象实例obj
•document.write(showProperty(obj, "person"))
4 数组
(1)数组的定义
// 1
var fruit = new Array();
fruit[0] = "apple";
fruit[1] = "banana";
fruit[2] = "pear";
//2
var fruit2=["apple","banana","pears"];//推荐使用
fruit2.push("apple2");
(2)数组对象的方法
join([分隔符])数组元素组合为字符串
toString()以字符串表示数组
reverse()数组反转
valueOf()返回数组值
with(document)
{
write("<ul>");
write("<li>"+fruit2.join()+"<br> </li>");//默认的join方法
write("<li>"+fruit2.join(":")+"<br> </li>");
write("<li>"+fruit2.reverse().join()+"<br> </li>");
write("<li>"+fruit2.valueOf()+"<br> </li>");
write("</ul>");
}
(3) 二维数组
//二维数组
document.write("<ul>");
var fruit3=new Array(4);
fruit3[0]=new Array("i",1);
fruit3[1]=new Array("love",2);
fruit3[2]=new Array("you ",3);
fruit3[3]=new Array("father",4);
for (var i=0;i<fruit3.length;i++)
{
for(var j=0;j<fruit3[i].length;j++)
{
document.write(fruit3[i][j]+" ");
}
document.write("<br>");
}
document.write("<ul>");
5 字符串
javascript字符串与java类似
<script type="text/javascript">
var string = "javascript";
var num = "1234";
with (document) {
write(string.toUpperCase() + "<br>");
write(num.charAt(2) + "<br>");
write(string.substring(0, 4) + "<br>");
}
function isEmail() {
var emailValue = document.getElementsByName("email")[0].value;
if(emailValue.indexOf("@")>0)
{
alert("ok");
} else {
alert("invalidate email");
}
}
</script>
6 定义对象
<script type="text/javascript">
function person(name,gender)
{
this.name=name;
this.gender=gender;
this.display=display
}
function display()
{
document.write("name"+this.name+"gender "+this.gender);
}
var p1=new person("zhangsan","male");
var p2=new person("lisi","famale");
p1.display();
p2.display();
</script>
7 定时器
(1) setTimeout():
•格式: [定时器对象名=] setTimeout(“<表达式>”,毫秒) 功能:
执行<表达式>一次。
(2) setInterval():
•格式: [定时器对象名=] setInterval(“<表达式>”,毫秒)
功能:重复执行<表达式>,直至窗口、框架被关闭或执行clearInterval。
•clearInterval():终止定时器
•格式: clearInterval(定时器对象名)
var timer=setInterval("display()", 1000);
function display()
{
document.getElementById("time").innerHTML=new Date().toLocaleTimeString();
}
function stopCount()
{
clearInterval(timer);
}
<body>
<font color="red" id="time"></font>
<input type="button" value="停止" onclick="stopCount();">
</body>