模块化开发:
函数:
定义:
function(做为关键字,以他为开头)函数名称([形式参数1,形式参数2,形式参数3....])
{
语句;(javascript必须加封号结束)
[return 表达式;]
}
数组:
定义:var 数组名称=new Array();
var 数组名称=nwe Array(1,2,3,4,56,"a","b");
var 数组名称=[1,2,3,4,5,6,"a","b"];
访问数组元素:
数组名称[0]="a";
二维数组的定义:
首先要定义一个一维数组
e.g:var userTable = new Array();
userTable[0]= new Array();
该怎么访问呢?访问: userTbale[0][0]通常影射现实的数据表
三维数组就是在二维数组基础上再定义一个数组
数组的属性:
length
userTbale.length
数组的方法:
concat(是两个数组合并成一个下的数组)concat:新数组=数组1.concat(数组2,。。。)
join方法,是将两个数组联合!(连字符号)join:数组1.join("1");
push(元素)他是返回新数组的长度
pop()删除数组中最后一个元素,并且返回这个元素的值。反还给谁自己定义。
shift从前面删除一个数
unshift
javascript中三种基本对话框:
1.window.alert()属于警告框,就是确定,没有返回只
2.var a = window.prompt("Message","请输入您的年龄");代表一个输入框,()里要输入只
3.window.confirm("message");
String对象的应用
定义:就想是定义变量一样。var 对象名称="字符串";
属性:length只字符串的长度
e.g:var a="this is book";
document.write(a.length)
方法:第一个方法即使
charAt(num) var b=a.charAt(2); b就是i了,charAt就是取只
indexof就是寻找某个字符在整个字符串中的位置,从前往后找
e.g:var b=a.indexof("s");或者删除掉"s" substring(a.indexof("s"));
写法:indexof(字符串[,起始位置]) []表示可要可不要
lastIndexof(字符串[,起始位置]) 从后往前找
substring()用来裁减字符串
substring(起始位置后可以从0开始,也可以指定某一个位置开始[,结束位置])
通过这个函数所显示的就是他所裁切的字符串.
split(分割符)就是分割
e.g: var a="one,twothree.four"
var myData=a.split(",");
使用Date对象
1.定义:(实例化)
var 对象名称= new Date();
2.方法:获取当前的日期
getDate()是在客户机上的日期
getDay()获取星期
getMoth()获取月份
getFullYear()获取的是四位年份
getYear()获取当前年份距离1900年的年份
getHours()获取小时
getMinutes()
getSeconds()
getMilliseconds()
getTime()他从1970年1月1日到当前的
getUTCHours()代表UTC的时间表示
setFullYear(year)设置()里的时间
做一个时钟的效果程序
电子时钟的特殊效果
function showtime()
{
var now=new Date();
var hours=now.getHours();
var mins=now.getMinutes();
var secs=now.getSeconds();
var timeVal= "";
timeVal += hours;
timeVal += ((mins<10)?":0" :" :")+mins;
timeVal += ((secs<10)?":0" :" :")+secs;
timeVal += ((hours<12)?"AM":"PM");
document.clock.time.value=timeVal;
timerID=setTimeout("showtime()",1000)
}
电子时钟的HTML程序****
时钟显示程序电子时钟:
———————
javascript文件的程序:*****
function showTime()
{
var now=new Date();
var hours=now.getHours();
var mins=now.getMinutes();
var secs=now.getSeconds();
var timeVal= "";
timeVal += hours;
timeVal += ((mins<10)?":0" :" :")+mins;
timeVal += ((secs<10)?":0" :" :")+secs;
timeVal += ((hours<12)?"AM":"PM");
document.clock.time.value=timeVal;
timeID=setTimeout("showTime()",1000);
}
——————————
Global对象
方法:
1。 eval():把函数中()里参数变成可执行的代码
***表格传递的javascript的函数;
function hiddenTble(tableName)
{
eval("table"+tableName).style.display="none";
}
******
2。parseInt(其他进制的字符串,进制的基数):
把其他进制的数值转换为十进制
3。isNaN(对象)是判断是不是数字的
4。escape(字符串)将escape内部的字符串变为htmlEncode的字符类型
5。unescape()上面的反运算
Function对象
e.g:
newFun = new Function("参数1",“参数2”...."语句")
Function对象属性
prototype用来指向原形
Array.prototype.function名称=函数定义;
例子******
var myArray=new Array("one","two","three","four","five");
document.write("myArray的初始内容为"+myArray);
function fun()
{
if(this.length !=0)
{
document.write("此数组的长度为"+this.length +"."+"
")
}
else
{
document.write("此数组的长度为0."+"
")
}
}
Array.prototype.fun=fun;
myArray.fun();
**********
document对象
document的属性:
document是用来处理文挡上的对象只有两个事件onclick和click
1。document对象属性
title用来表注表头
bgColor用来指示背景颜色
fgColor指示前景色
linkColor
vlinkColor
URL当前文挡的地址
domain当前文档的域
lastModified最后一次修改文档的时间
cookie与文档相关的信息
all所有HTML元素所组成的数组
applets
anchors指示毛点,指示超级连接的数组
forms 表单数组
images
links
2。方法:
document.write();它是向文挡当中写入数组
document.writeln();向文挡当中写入数组并自动换行
javascript的事件模型
KeyDowen KeyUp KeyPress Click Dblclick MouseDown MouseUp Load Unload
on事件名称="事件处理函数"
示例****/javascript语句
function statusInfo(userInput)
{
window.status=userInput;
}
在html的body里请点级这
function createTableObj()
{
var mytable=net image();
}
document.fom1.btn1.οnclick=function()
//********
Event对象介绍
altKey用法,alt键按下时候为真
一般用法 if(Event.altKey)他的返回只有T和F
ctrlKey
shiftKey就是按下
button表示现在按下的鼠标键 if(event.button==1)1表示按下鼠标左件,2表示按下鼠标右件,0表示不按下任何键
//****
function clickPro()
{
if(event.button==2)
{
alert("不能点机右件");;
}
}**********///
cancelBubble表示取消事件的时候发生
clientX表示鼠标的光标相对于水平的位置
clienty表示鼠标的光标相对的
keyCode这个键的相关代码
offsetx
offsety垂直水平的坐标
显示鼠标位置程序/*****
function position()
{
x=event.x;
y=event.y;
window.status="当前的鼠标坐标是x="+x +" Y="+y;
}
html的body中大onMouseDown="position()"
*****///
x,y是鼠标相对于坐标的相对位置
Focus(焦点)
****/在JS文件里编写
function focusHandle()
{
alert("请输入多余六个字符")
}
function blutHandle()
{
if(document.form1.userName.value.length<6)
{
alert("您输入的数字只有"+document.form1.userName.value.length+"个!");
document.form1.userName.οnfοcus=true;
}
}
在html里聚焦是打入聚焦的表单里输入onFoncus="focusHandle()" onBlue="blutHandle()"***///
window是窗口对象,是其他对象的基础
window隶属第一个是屏幕 screen
history历史记录
location对象把当前文档定位到某些地方
frame是属于框架
document主要是用来处理文挡,它里面含有1.link 2.anchors 3.layers forms 4.forms下含有text textArea password radio(是单选框) checkBox button reset submit 5.select select含有option
6.applets是JAVA的小程序
7.images
8.area
9.plugins
07年3月20的HTML课程
怎么样引用浏览器的对象呢?
浏览器 对象的使用方法:
widow.document.forms[0](forms是数组,0是表单里的第一个,后面的表单数字依次增加).element[0].value 这是访问的一个顺序,window是顶级对象,一般可以不写
1.window对象的属性和方法
a.属性
1.Frames 当前窗口中所有frame对象的数组
2.status 窗口中状态栏的信息
3.defaultstatus 默认状态栏的信息
4.history 当前窗口的历史记录。比如:window.history.go(-1) -1代表后退一步
5.closed 表示当前窗口是否关闭的逻辑值 通常写在onload事件中
6.location window.location location通常写的是URL的访问地址
例如在在
里写