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

myzbx 2025-09-13 06:43 22 浏览

事件

在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

DOM HTML

上一篇：HTML DOM Menu 对象_html dom定义了访问和操作html文档的标准方法
下一篇：HTML DOM MenuItem 对象_htmlwindow对象

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

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

8.7k star，一款超炫酷的动态可视化大屏项目

用上Vue3，你真的变了吗?（vue3 key）

说下你的vue项目的目录结构，该怎么划分?

这么牛逼的cursor功能，赶紧用起来

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

browser-use:AI 驱动的浏览器自动化神器——DOM识别与交互详解

巧克力:从一朵花开始的华丽变身_巧克力花束教程视频

comfyui安装MimicMotion扩展，AI跳舞动作模仿