DOM 触发事件 JS的两种写法

每天都得开风扇

已于 2022-11-25 16:12:36 修改

阅读量2k

点赞数 1

文章标签： javascript 前端 html 开发语言

于 2022-11-25 15:12:48 首次发布

本文链接：https://blog.csdn.net/Xia13225498444/article/details/128038359

版权

注意:个人理解,仅做参考.

一.在外部引入JS文件时的执行顺序

1.onload外内加载顺序

window.onload = function () {}的执行顺序非常靠后(类似于Vue的生命周期钩子onMounted).加载时是外部的先加载(编译),然后在加载window.onload内部的代码.

2.onload内外作用域

window.onload内可以引用在其外部定义的变量,方法.即外部的作用域更大.

二.HTML元素触发事件的JS写法

1.写在DOM元素上的触发事件

<!-- 内层小盒子 -->
<div class="small-box small-box-1-1" onmouseenter="showModal(0)"onmouseleave="closeModal(0)">
  <!-- 小盒子内:hover事件:灰色幕布出现,并且出现预览/下载按钮 -->
  <div class="little-modal" style="display: none">
    <div class="modal-content">
      <p class="pre-view" onclick="openBigModal('detail-1-1.png')" href=""> <img src="../public/warehouse/Vector.png