Dom笔记3：Dom常用事件（body 、 document 对象的事件）

最新推荐文章于 2022-08-01 17:30:38 发布

zhanzkw

最新推荐文章于 2022-08-01 17:30:38 发布

阅读量955

点赞数

分类专栏： Dom 文章标签： button javascript 浏览器 html input 文档

本文链接：https://blog.csdn.net/studyalllife/article/details/6750471

版权

Dom 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

（ 1 ） onload ：网页加载完毕时触发。

浏览器是一边下载文档、一边解析执行，可能会出现 JavaScript 执行时需要操作某个元素这个元素还没有加载，这时候，浏览器就会报错，如果这样就要把操作的代码放到 body 的onload 事件中，或者可以把 JavaScript 放到元素之后。

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

如：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>欢迎来到我的网站</title>


    <script type="text/javascript">
    
         Button1.value="按钮重命名";//保存，因为Button1元素尚未被构建
   
    </script>


</head>
<body>
    <input id="Button1" type="button" value="button" οnclick="showModalDialog('zoumadeng.htm')" />
</body>
</html>

运行结果：弹出对话框提示如下

正确调用的方法：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>欢迎来到我的网站</title>

    <script type="text/javascript">
    
         //Button1.value="按钮重命名";//保存，因为Button1元素尚未被构建
   
    </script>

</head>
<body οnlοad="Button1.value='按钮重命名';">//在此处加载
    <input id="Button1" type="button" value="button" οnclick="showModalDialog('zoumadeng.htm')" />
</body>
</html>

（ 2 ） onunload ：网页关闭【或者用户离开（后退，刷新等）时候】后触发。

（ 3 ） onbeforeunload ：在网页准备关闭（或者离开）后触发。
在事件中为 " window.event.returnValue 赋值（要显示的警告消息），这样窗口离开（比如前进、后退、关闭）就会弹出确认消息

• <body οnbefοreunlοad="window.event.returnValue=' 真的要放弃发帖退出吗？ '"> 。显示的文字随浏览器版本而有差异。

<body οnbefοreunlοad="window.event.returnValue=' 真的要放弃发帖退出吗？ '">
   
   <textarea rows='20'></textarea>
</body>
</html>

除了有特有的属性之外，当然还有通用的 HTML 元素的事件：
onclick （单击）、 ondblclick （双击）、 onkeydown （按键按下）、 onkeypress （点击按键）、 onkeyup （按键释放）、
onmousedown （鼠标按下）、 onmousemove （鼠标移动）、onmouseout （鼠标离开元素范围）、 onmouseover （鼠标移动到元素范围）、
onmouseup （鼠标按键释放）等。

zhanzkw

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Dom笔记3：Dom常用事件（body 、 document 对象的事件）

（ 1 ） onload ：网页加载完毕时触发。浏览器是一边下载文档、一边解析执行，可能会出现 JavaScript 执行时需要操作某个元素这个元素还没有加载，这时候，浏览器就会报错，如果这样就要把操作的代码放到 body 的onload 事件中，或者可以把 Ja
复制链接

扫一扫

专栏目录