首页 > 网站 > WEB开发 > 正文

JavaScript函数和window对象

2024-04-27 14:10:02
字体:
来源:转载
供稿:网友

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()


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表