Javascript学习笔记.docx
《Javascript学习笔记.docx》由会员分享,可在线阅读,更多相关《Javascript学习笔记.docx(23页珍藏版)》请在冰点文库上搜索。
Javascript学习笔记
JavaScript概述
javascript是基于对象和事件的脚本语言。
特点:
1.安全性(不允许直接访问本地硬盘),它可以做的就是信息的动态交互。
2.跨平台性。
(只要是可以解释JS的浏览器都可以执行,和平台无关)
Javascript与Java不同
js是netscape公司的产品,java是sun公司的产品
JS是基于对象,java是面向对象
varx=3;
x="abc";
alert(x);
document.write("");
(一)JS基本语法
/*typeof运算符返回变量类型的方法*/
/*
vartemp;
document.write(typeoftemp+"
");
temp="teststring";
document.write(typeoftemp+"
");
temp=100;
document.write(typeoftemp+"
");
variNUM=10;
document.write(iNUM+++"
");
document.write(++iNUM+"
");
vara=8;
varb="8";
if(a===b)//值和类型
document.write("true"+"
");
else//值
document.write("false"+"
");
*/
//多分支选择语句else-if
/*
dt=newDate();
document.write("今天是");
if(dt.getDay()==1)
document.write("星期一");
elseif(dt.getDay()==2)
document.write("星期二");
elseif(dt.getDay()==3)
document.write("星期三");
elseif(dt.getDay()==4)
document.write("星期四");
elseif(dt.getDay()==5)
document.write("星期五");
elseif(dt.getDay()==6)
document.write("星期六");
else
document.write("星期日");
*/
/*
//上面程序用switch语句改写
dt=newDate();
dd=dt.getDay();
document.write("今天是");
switch(dd)
{
case1:
document.write("星期一")
break;
case2:
document.write("星期二")
break;
case3:
document.write("星期三")
break;
case4:
document.write("星期四")
break;
case5:
document.write("星期五")
break;
case6:
document.write("星期六")
break;
default:
document.write("星期日")
break;
}
*/
vari=1;
varsum=0;
/*
while(i<=100)
{
sum=sum+i;
i++;
}
document.write(sum);
do
{
sum+=i;
i++;
}while(i<=100);
document.write(sum);
for(i=1;i<11;i++)
{
sum+=i;
}
document.write(sum);
*/
//foreach语句可以遍历数组中的元素。
//计算100以内偶数的和,continue
while(i<11)
{
/*
if(i%2==0)
sum+=i;
i++;
*/
/*
if(i%2==1)
{
i++;
continue;
}
sum+=i;
i++;
}
document.write(sum);
*/
(二)JS函数
/*
functionPrintWelcome()
{
document.write("欢迎使用JavaScript!
");
}
PrintWelcome();
functionPrintString(str)
{
document.write(str);
}
PrintString("我喜欢你很久了!
");
document.write("
");
functionsum(num1,num2)
{
document.write(num1+num2);
}
sum(12,7);
*/
//局部变量和全局变量
/*
vara=100;//全局变量
functionsetNumber()
{
vara=10;//局部变量
document.write(a);//打印局部变量
}
setNumber();
document.write("
");
document.write(a);//打印全局变量a
*/
functionsum(num1,num2)
{
returnnum1+num2;
}
document.write(sum(1,2));
(三)JS面向对象常见的几个对象的使用
(1)
--<%@LANGUAGE=JavaScript%>-->
//几种常用的内置类
//1.Array对象
/*
vararr=newArray(5);
//对数组元素赋值
arr[0]="我";
arr[1]="很";
arr[2]="喜";
arr[3]="欢";
arr[4]="你";
for(vari=0;i{
document.write(arr[i]);
document.write("
");
}
*/
/*javascript支持动态数组,也就是说,在创建数组对象时可以不指定数组大小,
在程序运行时动态的赋值语句决定数组大小。
在上例中用vararr=newArray();这个语句创建数组对象效果也是一样的。
*/
/*
varMyArr;
varMyStr;
MyArr=newArray(3);
MyArr[0]="123";
MyArr[1]="789";
MyArr[2]="456";
//计算数组长度
document.write("数组MyArr的长度为:
"+MyArr.length);
document.write("
");
//连接数组
MyStr=MyArr.join(",");
document.write("将数组MyArr连接为MyStr值为"+MyStr);
document.write("
");
//倒序
MyArr.reverse();
MyStr=MyArr.join(",");
document.write("将数组倒序后,元素值依次为:
"+MyStr);
document.write("
");
//排序
MyArr.sort();
MyStr=MyArr.join(",");//之前这里有错误是因为将S小写成s
document.write("将数组排序后,元素值依次为:
"+MyStr);
document.write("
");
*/
/*
vararrWeekDay=newArray("星期日","星期一","星期二","星期三","星期四","星期四","星期五","星期六","星期日");
vartoday;
today=newDate();
document.write("现在是:
"+today.getFullYear()+"年"+(today.getMonth()+1)+"月"+today.getDate()+"日"+arrWeekDay[today.getDay()]);
*/
//使用Math对象的示例
/*
document.write("Math.abs(-1)="+Math.abs(-1)+"
");//返回数值的绝对值
document.write("Math.ceil(0.60)="+Math.ceil(0.60)+"
");//返回大于等于其数字参数的最小整数
document.write("Math.floor(0.60)="+Math.floor(0.60)+"
");//返回小于等于其数字参数的最大整数
document.write("Math.max(5,7)="+Math.max(5,7)+"
");
document.write("Math.min(5,7)="+Math.min(5,7)+"
");
document.write("Math.random()="+Math.random()+"
");//返回0~1之间的伪随机数
document.write("Math.round(0.60)="+Math.round(0.60)+"
");//返回与给出数值表达式最接近的整数
document.write("Math.sqrt(4)="+Math.sqrt(4)+"
");//返回数字的平方根
*/
/*
varMyStr;
MyStr=newString("这是一个测试的字符串");
document.write(MyStr+"
");
//显示大号字体
document.write(MyStr.big()+"
");
//加粗字体
document.write(MyStr.bold()+"
");
//设置字体大小
document.write(MyStr.fontsize(5)+"
");
//设置字体颜色
document.write(MyStr.fontcolor("red")+"
");
*/
/*
functionClickme()
{
alert("你好");
}
//因为是在当前窗口弹出的对话框,所以Windows.alert()可以简写成alert(),功能相同
*/
/*
functionCheckme()
{
if(confirm("是否确定删除数据?
")==true)
{
alert("成功删除数据");
}
else
{
alert("没有删除数据");
}
}
*/
//comfirm()方法返回true,表示用户单击了“确定”按钮,否则表示用户单击了“取消”按钮。
//
functionInput()
{
varMyStr=prompt("请输入您的姓名");
alert("您的姓名是:
"+MyStr);
}
functionclosewindow()
{
document.write("2秒钟后将关闭窗口");
//Windows.setTimeout(code,millisec);
//参数code表示要调用的函数后要执行的JavaScript代码串,参数millisec表示在执行代码时要等待的毫秒数
setTimeout("window.close()",2000);
}
--
点击试一下
-->
--
删除数据
-->
录入姓名
(2)Window.open()方法打开一个新窗口(失败)需要求教
/*
functionclosewindow()
{
document.write("2秒钟后将关闭窗口");
setTimeout("window.colse()",2000);
}
//Windows.open()方法的使用,打开一个新的窗口,可以设置窗口中显示的网页内容,标题及窗口的属性
语法如下:
Window.open(url,窗口名,属性列表);
*/
functionnewwin(url,wname)
{
varoth="toolbar=no,location=no,(directories)=no,status=no,menubar=no,scrollbars=yes,
resizable=yes,left=200,top=200";
oth=oth+",width=400,height=300";
varnewwin=window.open(url,wname,oth);
newwin.focus();
}
--
-->
邮电出版社
新建窗口实例
functionOpenWindow()
{
Window.open("NewWindow.htm",null,"height=300,width=300.status=yes,toolbar=no,menubar=no,
location=no");
}
//Navigator对象
浏览器信息
document.write("浏览器名称:
"+navigator.appName+"
");
document.write("浏览器版本:
"+navigator.appVersion+"
");
document.write("浏览器的代码名称:
"+navigator.appCodeName+"
");
document.write("是否启用cookie:
"+navigator.cookieEnabled+"
");
document.write("浏览器的语言:
"+navigator.browserLanguage+"
");
document.write("操作系统平台:
"+navigator.platform+"
");
document.write("CPU等级:
"+navigator.cpuClass+"
");
document.write("
");
document.write("浏览器次级版本:
"+navigator.appMinorVersion+"
");
document.write("是否处于脱机模式:
"+navigator.online+"
");
document.write("操作系统默认语言:
"+navigator.systemLanguage+"
");
document.write("客户机发送服务器的user-agent头部值:
"+navigator.userAgent+"
");
document.write("用户设置的操作系统的语言:
"+navigator.userLanguage+"
");
/*
Navigator对象是Windows对象的一个属性,但Navigator对象的实例啊是唯一的,即所有窗口的Navigator对象是唯一的。
*/
javascript没有数组越界的说法,弱类型语言(不是严谨的语言)
0就是假,非0为真,true为1可以和数字进行运算。
alert是Dom编程中Windows锁定对象。
全都是字符串,没有单个字符,双引号和单引号没有区别,双引号里面可以嵌套单引号。
3=x,(不能给常量赋值)
byte,short,int,bool
定义一定要用var,不要用int
table
{
width:
700px;
border-collapse:
collapse;
}
tableth
{
border:
red1pxsolid;
}
//九九乘法表
/*
document.write("
");for(varx=1;x<=9;x++)
{
document.write("
");for(vary=1;y<=x;y++)
{
document.write("
"+y+"*"+x+"="+y*x+" | ");}
document.write("
");}
document.write("
");
*/
/*
varx=3;
if(x<=6)
alert("yes");
else
alert("no");
*/
/*
varx=1;
while(x<=3)
{
alert(x);
x++;
*/
/*
varsum="";
for(varx=1;x<=5;x++)
{
if(x==5)
sum=sum+"x="+x;
else
sum=sum+"x="+x+",";
}
*/
/*
if(x==sum)
sum=sum+"x="+x;
else
sum=sum+"x="+x+",";
*/
//alert(sum);
//document.write(""+sum+"");
//用表格形式显示一个99乘法表
document.write("
");for(varx=1;x<=9;x++)
{
document.write("
");for(vary=1;y<=x;y++)
{
document.write("
"+y+"*"+x+"="+y*x+" | ");}
}
document.write("
");document.write("
");
--另外一种在html文件中使用js文件
-->
数组
vararr=[4,1,6,8];
for(varx=0;x{
alert(arr[x]);
}
javascript不存在越界,可视为一个集合,可变长度,是javascript中最常见的容器
39:
12
//动态函数
varshow=newFunction(“x”,”y”,”varsum=x+y;returnsum”);
//匿名函数
varshow=function()
{
alert(“funcrun”);
}
Windows.onload=method;//把有名字和没有名字的赋给它都行
functionPerson()
{
alert(“personinit”);
}
varp=newPerson();
p.name----->p[“name”]
增强复用性
导入文件也是可以的
数组工作类对象
(数组的)
对象
functionArrayTool(){}
varArrayTool=newArrayTool();
functiongetMax(arr)
{
varmax=arr[0];
for(varx=1;x{
if(maxmax=arr[x];
}
returnmax;
}
JS特有的语句
with(stu)
{
}