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

最新推荐文章于 2024-06-24 14:30:19 发布

转载最新推荐文章于 2024-06-24 14:30:19 发布 · 460 阅读

Java EE 专栏收录该内容

22 篇文章

订阅专栏

本文详细介绍了JavaScript的基本概念，包括变量的作用域、With语句的使用、for...in循环、数组的操作方法、字符串处理技巧以及如何定义对象。此外还介绍了定时器的设置与控制。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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语句 数组 字符串 定时器

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