Javascript 页面加载完成后如何运行Div元素

我有一个包含多个div的Html页面，类似于：

<div id="div1">div1</div>
<div id="div2">div that contains youtube videos </div>
<div id="div3">div3</div>

div1
包含youtube视频的div
第三组

我想在页面加载后执行#div2，有没有办法

PS：我想先加载整个页面，然后我想加载#div2（因为#div2包含youtube视频，这使得加载速度非常慢）

---

我找到了一些代码示例：

您可以使用脚本模板作为默认元素，然后在页面加载时替换它

$（窗口）.on（'load'，函数（）{
变量$div2=$（“#div2”）；
$div2.replaceWith（“”+$div2.html（）+“”）；
})；

第一组
包含youtube视频的div
div3

您可以使用脚本模板作为默认元素，然后在页面加载时替换它

$（窗口）.on（'load'，函数（）{
变量$div2=$（“#div2”）；
$div2.replaceWith（“”+$div2.html（）+“”）；
})；

第一组
包含youtube视频的div
div3使其在页面加载时不可见

<div id="div1" style="display:none">
  <p><em>Your Desired div will show after 5 second(s).</em></p>
</div>

希望这将帮助您在加载页面时使其不可见

<div id="div1" style="display:none">
  <p><em>Your Desired div will show after 5 second(s).</em></p>
</div>

希望这将帮助您将iframe的URL存储在自定义数据属性
数据src
中，并在页面加载后将其插入iframe的
src
属性中


$（函数（）{
$（“#div2 iframe”）.attr（“src”，function（）{
返回$（this）.data（“src”）
}).parent（）.show（）；
})；

第一组
div3将iframe的URL存储在自定义数据属性
data src
中，并在页面加载后将其插入iframe的
src
属性中


$（函数（）{
$（“#div2 iframe”）.attr（“src”，function（）{
返回$（this）.data（“src”）
}).parent（）.show（）；
})；

第一组
div3
你为什么要重定向到主页？亲爱的，它不会重定向任何东西。它只是在5秒钟后显示到你的固定div。你确定隐藏div中的视频没有加载吗？你最初的答案是脚本“重定向到主页”。呼叫
show（）
不会根据需要调用视频播放。不，亲爱的，它会加载，但不会在5秒钟内显示。如果你想在加载完整页面后加载完整的div或内容，那么你必须调用ajax。你为什么要重定向到主页？亲爱的，它不会重定向任何内容。它只是在5秒钟后显示到你的固定div。你确定视频在hid中吗没有加载den div？您的原始答案包含脚本“重定向到主页”。调用
show（）
不会根据需要调用视频播放。不，亲爱的，它会被加载，但不会在5秒钟内显示。如果你想在加载完整页面后加载完整的div或内容，那么你必须调用ajax。你是否使用
iframe
标记来加载视频？是的，我使用iframe。你是否传递了自动播放参数？很遗憾，不是，但我不是在询问播放（自动播放）视频，我要求的是从YouTube加载视频您是否使用
iframe
标记加载视频？是的，我使用iframe您是否传递自动播放参数？很遗憾，否，但我不是要求播放（自动播放）视频，我要求的是从youtubethank加载视频。你知道，这个解决方案对我有效…但是使用$（window）。load（function（）{…}）；@ibtissamibbtissama
。load（）
，当与回调函数一起使用时，是（'load'）
上的
的缩写。它们是一样的。谢谢你，这个解决方案对我有效…但是使用了$（window）.load（function（）{…}）；@ibtissamibitissama
.load（）
，当与回调函数一起使用时，是（'load'）
上的
的缩写。它们是一样的。