网站首页 > 基础教程正文

[.net编程自学网]JavaScript DOM编程(二)

ccvgpt 2024-07-29 13:29:49 基础教程 9 ℃

事件

在DOM中有很多事件。

1、演示： <body onmousedown=“alert(‘别点我！’);”>//注意body的范围。

有时事件的响应代码比较多，就要放到一个函数中：

2、2onmousedown=“UserMouseDown();”中，UserMouseDown后的括号不能丢（不能写成onmousedown=“UserMouseDown” ），带()表示调用函数，直接写函数名表示设置事件的处理函数为UserMouseDown。

window对象的方法

window.alert(‘大家好！’);//弹出警告对话框

window.confirm(‘确定要删除吗？’);//确定、取消对话框，返回true或false;

window.navigate(url);//将网页重新导航到url,只支持IE、Opera11.6,建议使用

window.location.href=‘url’;//支持大多数浏览器

window.setInterval(code,delay)//每隔一段时间执行指定的代码（类似于winForm中的Timer控件。）

第一个参数：指定的代码字符串

第二个参数：时间间隔（毫秒数）

var intervalId=setInterval(“alert(‘hello’);”,1000);

window.clearInterval(intervalId);//停止计时器

clearInterval()取消setInterval的定时执行，相当于Timer中的Enabled=False。因为setInterval可以设定多个定时，所以clearInterval要指定清除那个定时器的标识，即setInterval的返回值。

setTimeout也是定时执行，但是不像setInterval那样是重复的定时执行，只执行一次，clearTimeout也是清除定时。很好区分：Interval：间隔；timeout：超时。 var timeoutId = setTimeout("alert('hello')", 2000);

body、document对象的事件：

onload（页面加载后触发）

网页加载完毕时触发，浏览器是一边下载文档、一边解析执行，可能会出现JavaScript执行时需要操作某个元素，这个元素还没有加载，如果这样就要把操作的代码放到body的onload事件中，或者可以把JavaScript放到元素之后。元素的onload事件是元素自己加载完毕时触发，body onload才是全部加载完成。

window.控件Id（不建议使用） document.getElementById(“控件Id”);(推荐)

onunload（页面卸载后触发）

网页关闭（或者离开）后触发。//刷新页面的时候、关闭选项卡的时候（多个选项卡）

onbeforeunload（页面卸载前触发）

在网页准备关闭（或者离开）前触发。//注意浏览器缓存 <body onbeforeunload=“return ‘真的要放弃发帖退出吗?’; ”>。显示的文字随浏览器版本而有差异。// =“window.event.returnValue=‘’只兼容IE

C#编程自学_做最好的.net自学资料站_更多文章请访问：http://www.4k8k.net/

本文链接: http://www.4k8k.net/qianduan/script/274.html

网站首页 > 基础教程 正文

[.net编程自学网]JavaScript DOM编程(二)

猜你喜欢

网站首页 > 基础教程正文