HTML5 JavaScript动画不会播放，除非onload="init()在body标签内。为什么？
HTML5 JavaScript动画不会播放，除非onload="init()"在body标签内的原因是因为JavaScript代码需要在HTML文档完全加载后才能执行。当浏览器解析HTML文档时，会按照从上到下的顺序逐行执行代码。如果JavaScript代码在HTML文档的头部或者在动画元素之前执行，那么动画元素可能还没有被完全加载和渲染，导致动画无法正常播放。
将onload事件绑定到body标签上，可以确保JavaScript代码在整个HTML文档加载完成后再执行。这样可以保证动画元素已经被完全加载和渲染，从而确保动画能够正常播放。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云云服务器（CVM）：提供弹性计算能力，满足各种业务需求。详情请参考：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库MySQL版：提供高性能、可扩展的MySQL数据库服务。详情请参考：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云原生容器服务（TKE）：提供高度可扩展的容器化应用管理平台。详情请参考：https://cloud.tencent.com/product/tke
- 腾讯云人工智能平台（AI Lab）：提供丰富的人工智能算法和工具，帮助开发者构建智能化应用。详情请参考：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台（IoT Hub）：提供全面的物联网解决方案，支持设备连接、数据管理和应用开发。详情请参考：https://cloud.tencent.com/product/iothub
- 腾讯云移动应用分析（MTA）：提供全面的移动应用数据分析服务，帮助开发者了解用户行为和应用性能。详情请参考：https://cloud.tencent.com/product/mta
相关·内容
Setting body onload without using the tag 在三种浏览器(edge、firefox和chrome)中成功测试了Adobe Animate 2021中的动画之后，</script><body onload="init();" style="margin:0px;"> //start of animation tags
浏览 41提问于2021-07-15得票数 1
回答已采纳
我正在为安卓设备开发一个带有HTML5和Javascript的移动游戏。我的结构很简单，我有三个物体。动画，这是我的对象，那里是我所有的精灵动画。
<!8"> game.sound.init();
浏览 1提问于2013-07-02得票数 0
1回答
我正在尝试添加一个动画gif到一个html5画布对象。问题是，一旦添加，它不会播放，并停留在第一帧。我已经在Chrome和Firefox中测试了HTML5文档，同样的问题也出现了。我已经在Chrome和Firefox中打开了gif，以确保它正在运行动画，并且运行得很好，只是不是在HTML5画布对象中……<!</canvas>
<script type="te
浏览 12提问于2012-04-15得票数 1
回答已采纳
我正在制作一个用html5和javascript播放视频的网站。将有缩略图的视频，当选择，视频弹出和播放，关闭时，它结束。它将不得不不断检查，因为如果有人选择一个视频25秒内，并播放一个视频，当视频结束和关闭时，它将不得不再次检查。
提前谢谢。
浏览 6提问于2011-10-27得票数 0
2回答
上述内容如下：
使用HTML5标签。它不支持DRM和流引擎，如DASH、HAS、HLS和SmoothStreaming。他们说这是一个私有的SDK，这就是为什么我不能在网上看到任何关于它的引用吗？我们是否需要私有sdk来流HLS，还是只用于高级播放器？
浏览 1提问于2015-02-02得票数 5
回答已采纳
我正在尝试让一个小的声音文件自动播放，使用标签和javascript来启动它。audio id="denied" preload="auto" controls="false"> </audio>$('#denied')[0]
浏览 0提问于2012-08-31得票数 37
回答已采纳
3回答
我正在尝试让HTML5的音频标签在Chrome中工作。下面的代码在Firefox中可以完美地工作，你知道为什么它在Webkit中不能工作吗？<html> <script type="text/javascript"> audio = new Audio("chat.ogg");
浏览 0提问于2010-03-11得票数 10
回答已采纳
我创建了一个预览HTML5视频自动播放的网站，但它在iPhone和安卓4+上不起作用。有没有人能告诉我怎么才能让它工作？
浏览 6提问于2015-06-22得票数 5
回答已采纳
如何访问在HTML文档中初始化的对象？ ...<script type="text/javascript" id="controller">var controller = false;</script>
....如何使用DOM操作或simmilar在外部
浏览 3提问于2011-04-15得票数 0
我正在使用GoogleCloudStorage::serve()通过Google App Engine上的一个带有HTML5 audio标签的网站来提供.mp3文件。一切正常，但在iOS更新后，这些设备无法在任何浏览器中播放音频。
我不确定代码为什么停止工作。其他的一切仍然可以在Android和Windows的所有浏览器上正常工作。它根本不依赖于Javascript或自动播放。这只是一个简单的音频标签，它的源是由GoogleCloudStorage::
浏览 1提问于2017-01-15得票数 8
我想播放html5视频在安卓webview.My的html文件是位于localhost.In的浏览器，视频是开始播放automatically.no需要点击播放button.But在安卓网页视图它是不会开始，直到点击播放按钮。Html：
<div id="pagewrap"
浏览 5提问于2014-06-25得票数 0
我想问一个关于Javascript的onload的问题。<table onload="function()">
此应该加载javascript函数，但它似乎对页面没有任何影响。onload只在body标签上可用吗？
浏览 57提问于2010-10-06得票数 27
回答已采纳
有时我的HTML5视频不会在iPad上生成"ended“事件。似乎只有当我省略"controls“属性并从javascript开始播放时才会发生这种情况。它通常在第一次运行正常，但在第二次播放视频时不会生成“结束”事件。我在每次回放后都会调用"load()“，以便重置到剪辑的开头(因为查找似乎根本不起作用--参见)。('ended', function() {
alert('video ende
浏览 2提问于2010-10-06得票数 15
1回答
我刚刚开始使用HTML5 canvas标签和javascript开发一些小游戏。但是，当我开始调用jquery ready处理程序时，我发现：然后我尝试绘制一个图像(预先存在于我的标记中)，如下所示：game.context.drawImage(spaceshipImg, 0, 350);
浏览 0提问于2013-05-24得票数 1
回答已采纳
2回答
在网站上显示after effects动画的最好方法是什么？展示这一点的最好方式是什么？
我试过html5，但在iPad上自动播放不起作用。动画对于JavaScript来说太复杂了。是否值得尝试制作高质量的GIF动画？
浏览 2提问于2012-09-08得票数 0
回答已采纳
2回答
HTML5图像缓冲器
、、、
我是javascript的初级程序员。我不使用jQuery！我想做个简单的游戏。我使用以下方法将多个图像加载到画布keydown_handler(e){my_keyString.fromCharCode(e.keyCode) = true； ()；}
我的问题是，当我按下键并移动画布上的图像时，图像就会闪烁。
浏览 2提问于2011-12-23得票数 1
回答已采纳
2回答
在我的html文件中调用init2函数有什么问题吗？<html> <title>js</title></head
浏览 0提问于2018-01-15得票数 0
回答已采纳
$(document).ready(function() { $('body').addClass('javascript'); });
如果我将其添加到html元素中，是否可以省略DOM就绪部分？
浏览 41提问于2009-11-25得票数 21
回答已采纳
在<head>标签中，我声明一个jQuery函数如下(菜单动画函数)； $(function() {<script type="text/javascript" sr
浏览 0提问于2011-08-24得票数 0
回答已采纳
我需要在一个基于PhoneGap 2.7的应用程序中播放视频。这是否有可能同时适用于iOs和Android --涵盖当今大多数Android设备？最好是视频文件应该从本地位置播放，这样视频文件实际上是应用程序的一部分。(其他视频文件可以在播放之前下载和保存。)
浏览 5提问于2013-08-29得票数 10
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
