初学javascript代码

    以下代码是我初学Javascript时所做的笔记,分享给大家,希望对初学者有帮助,语法可参考:http://www.w3school.com.cn/js/index.asp


<html>


<script type="text/javascript">
//JavaScript区分大小写;  
//JavaScript脚本程序须嵌入在HTML文件中;  
//每行写一条脚本语句;  
//语句末尾可以加分号;  
 
	var sec = 0;
	var timeId = setInterval("count();", 300);

	function count()
	{
		//格式:日期对象名称=new Date([日期参数]) 
		//日期参数:1.省略(最常用); 
		//2.英文-数值格式:月 日,公元年 [时:分:秒]  如:today=new Date("October 1,2008 12:00:00") 
		//3.数值格式:公元年,月,日,[时,分,秒]  如:today=new Date(2008,10,1) 
		//getYear()返回年份数 
		//getFullYear()返回年份数 
		//getMonth()返回月份数(0--11) 
		//getDate()返回日期数(1--31) 
		//getDay()返回星期数(0--6) 
		//getHours()返回时数(0--23) 
		//getMinutes()返回分数(0--59) 
		//getSeconds()返回秒数(0--59)		
		var dates = new Date();
		document.getElementById("num").innerHTML = dates;
		
	//    window.location.href = "http://192.168.1.70:8080/rdms/bbs/topic_msg_view.action?blockId=6&msgId=678";
	}

	function arrays()
	{
		//join([分隔符])数组元素组合为字符串 
		//toString()以字符串表示数组 
		//reverse()数组反转 
		//valueOf()返回数组值
		var sport = new Array("football", "basketball");
		with(document)
		{
		   write("<li>", sport.join(":"));
		   write("<li>", sport.toString());
		   write("<li>", sport.valueOf());
		}
	}
	
	
	function stopCount()
	{
		//clearInterval():终止定时器 
		clearInterval(timeId);
	}

	function continueCount()
	{
	  //功能:重复执行<表达式>,直至窗口、框架被关闭或执行clearInterval
		timeId = setInterval("count();", 100);
	}

	function setTimeO()
	{
		//定时器:用以指定在一段特定的时间后执行某段程序
		setTimeout("alert('time is going')", 2000);
	}

	function checks()
	{
		//String
		//charAt(索引)返回索引位置的字符 
		//indexOf(“字串”[,索引])返回字串在对象中的索引位置 
		//lastIndexOf(“字串”[,索引])返回字串在对象中的索引位置(反向搜索) 
		//replace("字串1","字串2")字串2替换字串1 
		//search(“字串”)返回字串在对象中的索引位置 
		//substring(索引i[,索引j])返回索引i倒索引j-1的子串
		
		var str = document.getElementById("email").value;
		if(str.indexOf("@") == -1)
		{
		   document.getElementById("email").value = "@";
		}
		else
			document.getElementById("email").value = "!";
	}

	function member(name, age)
	{
		this.name = name;
		this.age = age;
		this.display = display;
	}

	function display()
	{
		var str = "<li>" + this.name + ":" + this.age;
		document.write(str + "<br>");
	}

	var nem = new member("li", 2);
	nem.display();

	/*
	if(confirm("are you continue?")){
		window.location.href = "http://www.google.com";
	}
	else{
		alert("K");
	} 
	*/


//JavaScript内置对象 
//–图像对象 
//–导航对象 
//–窗口对象 
//–屏幕对象 
//–事件对象 
//–历史对象 
//–文件对象(重要) 
//–锚点对象 
//–链接对象 
//–框架对象 
//–表单对象(重要) 
//–位置对象 

	function checkPassword(object)
	{
		if(object.value.length <= 4)
		{
	//		alert("密码长度过短");	
			object.value = "111111";
			object.focus();
			object.select();
		}
	}

	function linkGetter()
	{
		//链接对象网页中的链接均会被自动看作链接对象,并依顺序,分别表示为document.links[0],document.links[1]...
		var str="";
		for(var i = 0; i < document.links.length; i++)
		{
			str += document.links[i] + "  ";
		}
		alert(str);
	}

	function toNext(object, i)
	{
		if(object.value.length == 4)
		{
			document.forms[0].elements[i].focus();
		}
	}
	
	function screens()
	{
     	//表单对象(最常使用,重要)
		//document.forms[索引].属性 
		//document.forms[索引].方法(参数) 
		//document.表单名称.属性 
		//document.表单名称.方法(参数)
		var str = "";
		for(i=0; i<document.forms[0].elements.length-1; i++)
		{
			str += document.forms[0].elements[i].value + "-";
		}
		
		alert(str);
	}
	
	
	function cookies()
	{
		//Cookie对象:  是一种以文件(Cookie文件)的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据)。
		//Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取。	
		//NS:Cookie.txt 
		//IE:用户名@域名.txt 
		//1.有效日期格式:Wdy,DD-Mon-YY HH:MM:SS GMT  
		//2.Wdy / Mon:英文星期 / 月份;  
		//3.还包含path、domain、secure属性;  
		//4.每个Web站点(domain)可建立20个Cookie数据;  
		//5.每个浏览器可存储300个Cookie数据,4k字节;  
		//6.客户有权禁止Cookie数据的写入。
		var today = new Date();
		var expireDay = new Date(); 
		var msPerMonth = 24 * 60 * 60 * 1000 * 31;
		expireDay.setTime(today.getTime() + msPerMonth);
		document.cookie = "name=zhang;expires=" + expireDay.toGMTString();  
		document.writeln("cookie已经写到硬盘上了");
		document.writeln("内容是:" + document.cookie);
		document.writeln("有效日期是:");  
		document.writeln(expireDay.toGMTString());
	}

	
//1.  每一个函数对象都有一个length 属性,表示该函数期望接收的参数格式。它与函数的arguments不同,arguments.length表示函数实际接收的参数格式。	
//2.  JavaScript 中有五种原始数据类型:Undefined、Null、Boolean、Number以及String。 
//3.  Undefined数据类型的值只有一个:undefined。 
//4.  Null数据类型的值只有一个:null。 
//5.  Boolean数据类型的值有两个:true和false。 
//6.  JavaScript中没有char数据类型。 
//7.  typeof 是一元运算符,后跟变量的名称,用于获取变量的数据类型,其返回值有5个:undefined、boolean、number、string以及object。 
//8.  在JavaScript中,如果函数没有声明返回值,那么会返回undefined。 
//9.  null与undefined的关系:undefined 实际上是从null派生出来的。 
//10. 强制类型转换:在JavaScript中有3种强制类型转换:Boolean(value),Number(value),String(value)。 
//11. 在JavaScript中,对于函数中定义的变量来说,加var表示局部变量,不加var表示全局变量。 
//12. 在JavaScript,所有对象都是从Object对象继承过来的。Object中的属性是不可枚举的(propertyIsEnumerable返回false),因此无法通过for…in 语句得到其中的属性。 
//13. 在JavaScript中,可以动态添加对象的属性,也可以动态删除对象的属性。

	// 匿名函数
	array.sort(function(num1, num2)
	{
		var temp1 = parseInt(num1);
		var temp2 = parseInt(num2);

		if(temp1 < temp2)
		{
			return -1;
		}
		else if(temp1 == temp2)
		{
			return 0;
		}
		else
		{
			return 1;
		}
	}
	);

   function funLens(s, z, y)
   {
    // 在JavaScript中定义对象的最常见的方式
	  var lens = funLens.length;
      var obj = {name:"funLens", len:lens};
    //  alert(obj.len + ":" + obj["name"]);
	  for(var v in obj){
	     alert(v);
	  }
	  
	  var array = [1, 3, 25];
	  alert(array);
   }
   
  

</script>
  
<body onload="document.forms[0].elements[0].focus();">
	<font color="red" id="num">Tue Apr 09 2013 09:37:45 GMT+0800 (中国标准时间)</font>
	<input type="button" value="stop" onclick="stopCount();">
	<input type="button" value="continue" onclick="continueCount();">
	<input type="button" value="setTimeout2" onclick=setTimeO();><br>
<br></br>sport:<input type="button" value="sport" onclick="arrays();">
<br></br>Email:<input type="text" size="10" id="email">
      <input type="button" value="check" onclick="checks();">
	
<br></br>key:<input type="password" onblur="checkPassword(this)">
<br></br>funLens:<input type="button" value="Len" onclick="funLens(1, 2);">	
	

    <h1>搜索引擎</h1>
    
    <a href="http://www.google.com">Google</a><br>
    <a href="http://www.baidu.com">Baidu</a><br>
    <input type="button" value="Address" onclick="linkGetter();">
  
    <h1></h1>
	<h1></h1>
	<form>	
	  <input type="text" maxlength="4" size="3" value="1234" onkeyup="toNext(this, 1);">-
	  <input type="text" maxlength="4" size="3" value="1234" onkeyup="toNext(this, 2);">-
	  <input type="text" maxlength="4" size="3" value="1234" onkeyup="toNext(this, 3);">-
	  <input type="text" maxlength="4" size="3" value="1234" onkeyup="toNext(this, 4);">-
	  <input type="button" value="data" name="dd" onclick="screens();">	
	</form>
</body>
</html>


posted @ 2013-04-08 16:22  夏至冬末  阅读(161)  评论(0编辑  收藏  举报