Fatal编程技术网

Javascript onLoad不适用于元素

javascript jquery html

Javascript onLoad不适用于元素,javascript,jquery,html,Javascript,Jquery,Html,我试图在页面上的元素加载后立即触发操作。我使用Jquery的on（'load'）功能来实现这一点 但是它不起作用。这是密码和密码 HTML 你好 一些文本 段落 我认为load事件只在需要外部资源的元素上调用 来自jQuery: 加载事件在元素和所有子元素都已加载时发送到元素 我的行李已经装满了。此事件可以发送到任何元素 与URL关联：图像、脚本、帧、iFrame和 窗口对象 .ready（）的大小写： 当 页面被呈现时，直到所有资源 如图像已完全接收。在大多数情况下 只要DOM层次结构完全

我试图在页面上的元素加载后立即触发操作。我使用Jquery的
on（'load'）
功能来实现这一点

但是它不起作用。这是密码和密码

HTML 


你好
一些文本
段落
我认为load事件只在需要外部资源的元素上调用

来自jQuery:

加载事件在元素和所有子元素都已加载时发送到元素 我的行李已经装满了。此事件可以发送到任何元素 与URL关联：图像、脚本、帧、iFrame和 窗口对象

.ready（）的大小写：

当 页面被呈现时，直到所有资源 如图像已完全接收。在大多数情况下 只要DOM层次结构完全完成，就可以运行脚本 已构造，您可以使用.ready（）进行此操作

对于您的情况，您可以收听window load，或者更好地使用ready，因为load已被弃用

$(window).on('load', function(){
    console.log('Header loaded');
  });
您可以在
css
为
#complexDiv
元素定义
animation
属性，将
动画持续时间设置为
0s
，使用
animationstart
附加到
$（窗口）
，
.one（）

注意，
onanimationstart
事件属性可用于chrome，chrome不带jQuery
.one（）
；firefox 47无法识别onanimationstart的
event attirbute。此外，应在
css
处为
动画名称
设置
@关键帧
，但不需要设置属性




#复合物{
动画：e0s；
-moz动画：e0s；
-webkit动画：e0s；
}        
@关键帧{}
@-moz关键帧{}
@-webkit关键帧{}
$（窗口）.1（“动画开始”，函数（e）{
警报（e.target.id+“”+e.type）
console.log（e.target，e.type）；
})
你好
一些文本
段落




</header>
<body>
  <h1>Hello!</h1>
  <div id="complexDiv">
    <h2>Some text</h2>
    <p>A paragraph</p>
    <img src="" alt="">
  </div>
</body>



$(window).on('load', function(){
    console.log('Header loaded');
  });