函数载入的html触发onload,JS IFRAME动态加载触发onload事件解析

这篇文章主要为大家详细介绍了JS IFRAME动态加载触发onload事件解析,具有一定的参考价值,可以用来参考一下。

感兴趣的小伙伴,下面一起跟随512笔记的小编罗X来看看吧。

JS代码如下:

/**

*

*

* @param

* @arrange (512.笔记) www.512pic.com

**/

var iframe = document.createElement("IFRAME");

document.body.appendChild(iframe);

iframe.src = "http://www.512pic.com";

if (iframe.attachEvent) {

iframe.attachEvent("onload", function () {

alert("Local iframe is now loaded.");

});

} else {

iframe.onload = function () {

alert("Local iframe is now loaded.");

};

}

// 来自:512笔记(www.512pic.com)

注:关于JS IFRAME动态加载触发onload事件解析的内容就先介绍到这里,更多相关文章的可以留意512笔记的其他信息。

关键词:IFRAME,onload

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果vue3 vant list 组件不触发上拉加载onLoad事件,可能是以下原因: 1. 没有设置List组件的高度属性。 在List组件中,必须设置height属性,否则无法触发上拉加载功能。你可以设置一个固定的高度或者一个动态计算的高度,例如: ``` <van-list :height="500" @load="onLoad"></van-list> ``` 2. 没有设置List组件的loading属性。 loading属性是用来控制上拉加载的状态的,如果没有设置loading属性,上拉加载功能将无法正常工作。你可以在setup中定义一个ref变量来控制loading属性,例如: ``` <template> <van-list :height="500" :loading="loading" @load="onLoad"></van-list> </template> <script> import { ref } from 'vue'; export default { setup() { const loading = ref(false); const onLoad = () => { loading.value = true; // ... }; return { loading, onLoad, }; }, }; </script> ``` 3. 没有在List组件上绑定@load事件。 上拉加载触发需要依赖@load事件,如果没有在List组件上绑定该事件,上拉加载功能将无法正常工作。你可以在List组件上绑定一个方法,例如: ``` <template> <van-list :height="500" :loading="loading" @load="onLoad"></van-list> </template> <script> import { ref } from 'vue'; export default { setup() { const loading = ref(false); const onLoad = () => { loading.value = true; // ... }; return { loading, onLoad, }; }, }; </script> ``` 如果以上方法都没有解决问题,你可以尝试检查控制台输出,查看是否有相关的错误信息。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值