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基本语法

（二）JS函数

（三）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（）方法打开一个新窗口（失败）需要求教

--

-->

邮电出版社

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（"

}

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（"

}

}

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（max

max=arr[x];

}

returnmax;

}

JS特有的语句

with（stu）

{

}