初学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....