Dom学习

最新推荐文章于 2024-04-19 09:14:41 发布

wuhazjc

最新推荐文章于 2024-04-19 09:14:41 发布

阅读量269

点赞数

文章标签： button scroll function javascript 浏览器 input

本文链接：https://blog.csdn.net/wuhazjc/article/details/7473764

版权

用法：

function bodymousedown() {
alert('哈哈');
}
</script>
</head>
<body οnmοusedοwn="bodymousedown()">

body document对象的事件

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

onload事件是元素自己加载完毕时触发，body onload才是全部加载完成

onunload：网页关闭时（离开后）触发

onbeforeload:在网页准备关闭（或者离开）后触发可以添加提示：οnbefοreunlοad="window.event.returnValue='Are you sure?'"

动态设置事件

window 对象

window 对象代表当前浏览器窗口，使用window对象的属性，方法的时候可以省略window，比如window.alert（‘a’）可以省略成aler（‘aa’）

1.alert方法，弹出消息对话框

2.confirm方法，显示“确定”、“取消”对话框，如果按了【确定】按钮，就返回true，否则返回false

3.navigate()

navigate("http://www.changshou120.com")

4.setInterval每隔一段时间执行指定的代码，第一个参数为大吗的字符串，第二个参数为间隔时间（单位毫秒），返回值为定时器的标识

setInterval（alert（"hello"）,5000）

5.clearInterval取消执行传参数

6.setTimeout 是定时执行只执行一次setTimeout （alert（"hello"）,5000） 5秒钟后执行然后没了

clearTimeout 超时只能超一次

标题栏走马灯效果实现

<title>走马灯效果</title>
<script type="text/javascript">
function scroll() {
var title = document.title;
var firstch = title.charAt(0);
var leftstr = title.substring(1, title.length);
document.title = leftstr + firstch;
}
setInterval("scroll()", 500);
</script>