zoukankan      html  css  js  c++  java
  • 初学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>


    Meet so Meet. C plusplus I-PLUS....
  • 相关阅读:
    web.py利用模板的详细步骤
    Arduino入门笔记(9):蓝牙模块及第一辆蓝牙遥控小车
    Python常用模块之sys
    使用Supervisor管理Linux进程
    Python socket聊天室程序
    Ubuntu 文件文件夹查看权限和设置权限
    python遍历目录
    linux tail命令的使用方法详解
    Python使用openpyxl读写excel文件
    python中enumerate()的用法
  • 原文地址:https://www.cnblogs.com/iplus/p/4467195.html
Copyright © 2011-2022 走看看