Javascript入门随笔
javaScript基础
1. javaScript的变量：
全局变量：定义在函数外的变量或着是定义在函数内部的变量,并且没有var声明
局部变量：定义在函数内的变量，并且有var声明
示例程序：
<script type="text/javascript">
/**
* javaScript的变量：
* 全局变量：a)定义在函数外的变量：var globle ="globle";
* b)定义在函数内部的变量,并且没有var声明：globle2 ="globle2"
* 局部变量：定义在函数内的变量，并且有var声明：var local= "local";
*
* 显示结果：globle1 local globle2globle1
*/
//全局变量：
vargloble = "globle1";
//调用test()方法：
test();
functiontest(){
//全局变量：
globle2= "globle2";
//局部变量:
varlocal = "local";
document.writeln(globle);
document.writeln(local);
}
document.writeln(globle2);
document.writeln(globle);
document.writeln(local);
script>
2. with语句：为一段程序建立默认对象。
程序示例：
<script type="text/javascript">
/**
* with()语句：为一段程序建立默认对象。
* 例如下面示例：document.writeln,document就是提取出来的公共部分；
* 显示结果：hello world
*/
with(document){
writeln("hello");
writeln("world");
}
script>
3. for ... in 语句：重复执行(遍历)指定对象的所有属性；
4. 有参数的方法：相当于构造器，可以创建对象，参数不能用var声明；
程序示例：
<script type="text/javascript">
/**
* for ... in 语句：重复执行(遍历)指定对象的所有属性；
* 如下所示for(var i inobj)：i是obj对象的属性(索引)，obj[i]是属性值；
*
* 有参数的方法：相当于构造器，可以创建对象，参数不能用var声明；
*
* 创建对象的格式：var obj =new member("张鹏","男");
*/
functionmember(name,gender){
this.name = name;
this.gender = gender;
}
functionshowProperty(obj,objName){
varstr = "";
for(var i in obj){
str+= objName + "."+ i + "="+obj[i]+"
"
}
returnstr;
}
varobj = new member("张鹏","男");
document.writeln(showProperty(obj,"person"));
script>
5. JS的内置对象：Date()
程序示例：
<script type="text/javascript">
/**
* JS的内置对象Date():
* a)date.getYear()+1900:必须得加1900；
* b)date.getMonth()+1:返回值是从0开始的；
* c)date.getDay():周日的返回值是0；
* 显示结果：现在的时间： 2013年 2月 20日 星期3 17:9: 58
*/
vardate = new Date();
varday = date.getDay()
if(0 == day){
day = "日";
}
with(document){
writeln("现在的时间：")
writeln(date.getYear()+1900+"年");
writeln(date.getMonth()+1+"月");
writeln(date.getDate()+"日");
writeln("星期"+day);
writeln(date.getHours()+":");
writeln(date.getMinutes()+":");
writeln(date.getSeconds());
}
script>
6. 数组：Array
注意：在javaScript中数组中可以放同时放入多个类型的数据：["zhang",20];
程序示例：
<script type="text/javascript">
/**
* 数组Array:
*
* 数组的三种定义方式：(推荐使用前两种)
* a)var fruit = ["苹果","香蕉","橘子"];//推荐使用
* b)var fruit = new Array();//推荐使用
* with(fruit){
* push("苹果");
* push("香蕉");
* push("橘子");
* }
* c)var fruit = new Array("苹果","香蕉","橘子");//使用的不多；
*
* 显示结果：fruit[0]:苹果
* fruit[1]:香蕉
* fruit[2]:橘子
*/
//var fruit =new Array("苹果","香蕉","橘子");
//var fruit =["苹果","香蕉","橘子"];//推荐使用
varfruit = new Array();//推荐使用
with(fruit){
push("苹果");
push("香蕉");
push("橘子");
}
for(var i=0;i<fruit.length;i++){
document.writeln("fruit["+i+"]:"+fruit[i]+"
");
}
script>
7. 数组对象的方法：
程序示例：
<script type="text/javascript">
/**
* 数组对象的方法：
* a)join():数组分隔符，将数组元素组合成字符串，默认符号为"," 但是可以修
* 改:join("=");
* b)toString():用字符串表示数组；
* c)reverse():数组反转，将数组内部数据反转，而不是将数组值取出来再反转；
* d)valueOf()：返回数组值；
*
* 显示结果：橘子,苹果,香蕉,鸭梨
* 橘子=苹果=香蕉=鸭梨
* 橘子,苹果,香蕉,鸭梨
* 橘子,苹果,香蕉,鸭梨
* 鸭梨,香蕉,苹果,橘子
* 鸭梨,香蕉,苹果,橘子
*/
var fruit = ["橘子","苹果","香蕉","鸭梨"];
with(document){
write(""
);
write("
write("
write("
write("
write("
write("
write("");
}
script>
8. 二维数组
程序示例：
<script type="text/javascript">
/**
* 二维数组：
* a)先定义一个一维数组var furit =new Array(3);
* b)再用一维数组定义一个数组，就是二维数组了：
* furit[0] = new Array("苹果",2);
* 注意：数组中可以同时放入不同类型的数据：new Array("苹果",2)
*
* 显示结果：furit[0][0]=苹果
* furit[0][1]=2
* furit[1][0]=香蕉
* furit[1][1]=3
* furit[2][0]=橘子
* furit[2][1]=4
*/
var furit = new Array(3);
furit[0] = new Array("苹果",2);
furit[1] = new Array("香蕉",3);
furit[2] = new Array("橘子",4);
for(var i=0;i<furit.length;i++){
for(var j=0;j<furit[i].length;j++){
document.writeln("furit["+i+"]["+j+"]="+furit[i][j]+"
");
}
}
script>
9. 字符串
程序示例：
<script type="text/javascript">
/**
* 字符串的方法：
* a)toUpperCase:字符串变成大写;
* b)charAt(索引)返回索引位置字符;
* c)indexOf("字符串"[,索引])返回字符串在对象中的索引位置;
* d)lastIndexOf("字符串"[,索引])返回字符串在对象中的索引位置;
* e)substring(索引i[,索引j])返回索引i到索引j-1的字符串;
* f)replace("字符串1","字符串2")字串2替代字符串1;
* g)search("字符串")返回字符串在对象中的索引位置;
*
* 显示结果：ZHANGPENG
* zhangpeng
* 5
*
* zhan
*/
var str = "zhangpeng";
var num = 1354;
with(document){
write(str.toUpperCase()+"
");
write(str.toLowerCase()+"
");
//num必须转化成字符串(这是字符串的方法);
//多个换行可以使用","隔开；
write(num.toString().charAt(2)+"
","
");
//所有区间的都是左闭右开区间；
write(str.substring(0,4),"
");
}
script>
10.在表单中调用JS的方法
程序示例：
<script type="text/javascript">
/**
* 在表单中调用JS方法
*/
functionisEmail(){
//[0].value：必须这样写才能返回字符串；
varemailValue =document.getElementsByName("email")[0].value;
alert(emailValue);
if(emailValue.indexOf("@")==-1){
alert("Email格式不正确");
}
else{
alert("OK");
}
}
script>
<form action="">
<input type="text"name="email" >
<input type="submit" value="提交" onclick="isEmail()">
form>