首页 > 编程语言 >JavaScript中window.onload和document.onload有什么区别?

JavaScript中window.onload和document.onload有什么区别?

时间:2022-10-29 20:01:00浏览次数:53  
标签:onload 触发 示例 JavaScript window document

JavaScript中window.onload和document.onload有什么区别?

document.onload

在加载图像和其他外部内容之前将其触发。文件。在window.onload之前触发onload事件。

window.onload

加载整个页面(包括图像,脚本,css等)时,它将被触发。

示例

这是一个了解onload的示例。

 

<html>
   <head>
      <title>JavaScript Animation</title>
      <script>
         <!--
            var imgObj = null;
         
            function init() {
               imgObj = document.getElementById('myImage');
               imgObj.style.position= 'relative';
               imgObj.style.left = '0px';
            }

            function moveRight() {
               imgObj.style.left = parseInt(imgObj.style.left) + 10 + 'px';
            }
            window.onload =init;
         //-->
      </script>
   </head>

   <body>
      <form>
         <img id="myImage" src="/images/html.gif" />
         <p>Click button below to move the image to right</p>
         <input type="button" value="Click Me" onclick="moveRight();" />
      </form>
   </body>
</html>
   

标签:onload,触发,示例,JavaScript,window,document
From: https://www.cnblogs.com/sexintercourse/p/16839509.html

相关文章

  • JavaScript 获取和设置剪贴板中的内容
    通过JavaScript在浏览器中获取或设置剪贴板中的内容,常用于一键复制或使用网页油猴复制限制文本使用execCommand(已弃用)写入文本到剪贴板document.onclick=func......
  • window 将一个文件夹映射成为一个磁盘方法
    1 运行打开注册表编辑器regedit2找到HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\Policies\System然后把EnableLUA数值改为0然后重启电......
  • 关于Windows-SSM-agent-service服务启动报错refer to service-specific error code 1
    今天在一台aws机器上,启动SSM-agent-service服务报如下错误:WindowscouldnotstarttheAmazonSSMAgentonLocalComputer.Formoreinformation,reviewtheSystem......
  • JavaScriptDOM操作的性能优化
    浏览器的重排和重绘是比较消耗性能的操作,所以网页性能优化的手段就是减少重排和重绘的操作。比如:多次更改样式的操作合并为一次操作我们在JavaScript中修改样式,比如:constch......
  • 【Windows】问题:Port 8080 is already in use
    问题解决1、查看端口占用情况netstat-ano|findstr"8080"2、确定占用端口的进程号(PID)获得占用8080端口的PID为7192SC:\Users\Administrator>netstat-ano|findstr"8080......
  • Javascript学习随笔
    JavaScript:简称JS,是一个运行在客户端/浏览器的【解释性】【弱类型】【面向对象】脚本语言。想要运行js需要运行环境:浏览器自带js解释器node.js需要安装环境编译型:在......
  • 当iframe.src重新指定一个url时会重新执行iframe的onload事件
    https://www.lmlphp.com/user/65927/article/item/1777474/<iframeid="indexFrame"name="index"width="800"onload='iFrameHeight("indexFrame");'frameborder="0"m......
  • JavaScript
    什么是JavaScript概述JavaScript是一门世界上最流行的脚本语言Java、JavaScript一个合格的后端人员,必须要精通JavaScript历史https://blog.csdn.net/kese7952/arti......
  • windows 命令行快捷键(全)
    'cmd'这个命令是调用类似dos的命令窗口的命令,在这里你可以像操作DOS一样操作Windows.'inetmgr'这个命令相信做过网站的都知道,对了这就是调用IIS的快捷命令。'mstsc'这......
  • Windows 安装Docker
    Windows安装Docker说明1.下载DockerDesktopDockerDesktop官网2.安装WSLdism.exe/online/enable-feature/featurename:Microsoft-Windows-Subsystem-Linux/all......