你的位置:首页 > Java教程

[Java教程]JavaScript函数和window对象

一、什么是函数

函数的含义:类似于Java中的方法,是完成特定任务的代码语句块 使用更简单:不用定义属于某个类,直接使用

二、常用系统函数

parseInt ("字符串")     将字符串转换为整型数字    

如: parseInt ("86")将字符串“86”转换为整型值86 parseFloat("字符串")    

将字符串转换为浮点型数字     如: parseFloat("34.45")将字符串“34.45”转换为浮点值34.45 isNaN()   

  用于检查其参数是否是非数字

 

三、自定义函数 创建函数:

1.无参函数

function 函数名()  {  

    JavaScript代码;  

}

2.有参函数

function 函数名(参数1,参数2,… )  {   

   JavaScript代码;

  }

3.调用函数 函数调用一般和表单元素的事件一起使用,调用格式:   

  事件名=“函数名( )" ;

 

四.Window对象的常用属性

1.screen(有关客户端的屏幕和显示性能的信息)

2.history (有关客户访问过的URL的信息,浏览历史记录)

3.location(有关当前 URL 的信息,跳转加载的页面)

 

五.Window对象的常用方法

1.prompt(显示可提示用户输入的对话框)

2.alert(显示带有一个提示信息和一个确定按钮的警示框 )

3.confirm(显示一个带有提示信息、确定和取消按钮的对话框 )

4.close(关闭浏览器窗口)

5.open(打开一个新的浏览器窗口,加载给定 URL 所指定的文档)

6.setTimeout(在指定的毫秒数后调用函数或计算表达式)

7.setInterval(按照指定的周期(以毫秒计)来调用函数或表达式)

 

六、open()方法

1.height、width(窗口文档显示区的高度、宽度。以像素计)

2.left、top(窗口的x坐标、y坐标。以像素计)

3.toolbar=yes | no  |1 | 0 (是否显示浏览器的工具栏。黙认是yes。)

4.scrollbars=yes | no  |1 | 0 (是否显示滚动条。黙认是yes。)

5.location=yes | no  |1 | 0 (是否显示地址地段。黙认是yes。)

6.status=yes | no  |1 | 0 (是否添加状态栏。黙认是yes。)

7.menubar=yes | no  |1 | 0 (是否显示菜单栏。黙认是yes。)

8.resizable=yes | no  |1 | 0 (窗口是否可调节尺寸。黙认是yes。)

9.titlebar=yes | no  |1 | 0 (是否显示标题栏。黙认是yes。)

10.fullscreen=yes | no  |1 | (是否使用全屏模式显示浏览器。黙认是no。处于全屏模式的窗口必须同时处于剧院模式。)

 

七、Window对象的常用事件

1.onload(一个页面或一幅图像完成加载)

2.onmouseover(鼠标移到某元素之上)

3.onlick(当用户单击某个对象时调用的事件句柄)

4.onkeydowm(某个键盘按键被 按下)

5.onchange(域的内容被改变)

 

八、匿名调用函数

Function 函数名() {

javaScript代码

}

调用函数:onclick=“函数名() "

网上常见匿名写法

方式一:事件名=function(){…}

方式二: (function (){

JavaScript代码;

}())

直接运行函数 window.onload=function(){…}

<body onload= "事件名() " >

 

九、Date对象(获取时间)  

   var 日期对象=new Date(参数)     

参数格式:MM  DD,YYYY,hh:mm:ss

Date 对象的方法

Seconds 和 Minutes(0 至 59 )

Hours(0 至 23 ) Day(0 至 6(星期几) )

Date(1 至 31(月份中的天数) )

Months(0至 11(一月至十二月) )

<script language="javascript" type="text/javascript">

function disptime() {

var today = new Date(); //获得当前时间  

var hh = today.getHours();  //获得小时、分钟、秒

 var mm = today.getMinutes();  

var ss = today.getSeconds();

document.getElementById("myclock").innerHTML=hh+":"+mm+":"+ss;

}

</script>

 

十、定时函数

setTimeout()用法 setTimeout(“调用的函数”, “指定的时间后")

setInterval()方法 setInterval("调用的函数", "指定的时间间隔")

var  myTime=setTimeout("disptime( ) ", 1000 );

var  myTime=setInterval("disptime( ) ", 1000 );

setTimeout()只执行disptime()一次, 如果要多次调用使用setInterval()者者让disptime()自身再次调用setTimeout()