47JavaScript-1 变量 with语句 数组 字符串 定时器

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>















你可能感兴趣的:(47JavaScript-1 变量 with语句 数组 字符串 定时器)