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

zhezhongyun 2024-12-20 19:45 51 浏览

事件

在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

JavaScript 和 HTML DOM 参考手册

上一篇：JavaScript 获取DOM元素 javascript获取dom对象的方法
下一篇：DOM改变网页CSS样式 dom设置style

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

相关推荐

b端详情页:各种信息聚集地，设计师要如何规划这一亩三分地呢

漏洞系列一一看我一招征服漏洞 SSRF

接口测试遇到500报错?别慌，你的头部可能有点问题

Web前端需要学什么?Web前端开发需要学习哪些?

前端Flex布局可视化布局工具介绍，vue和html5快速设计利器

「资讯」为强迫用户使用Edge浏览器，微软又出新招数

HTML 简介（html简介及优缺点）

HBuilderX，uni-app创建HTML5项目，同时支持浏览器和移动端

关于HTML5被简称做H5，你怎么看?（html5缩写）

现在页面实时聊天都使用Websocket技术实现吗?