初学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....
浙公网安备 33010602011771号