html的onload事件不触发问题

最新推荐文章于 2024-12-08 06:59:07 发布

转载最新推荐文章于 2024-12-08 06:59:07 发布 · 5.4k 阅读

文章标签：

#html #javascript #ie #function #url #脚本

积累站专栏收录该内容

15 篇文章

订阅专栏

如下的一段代码：

<HTML>

<HEAD>

<SCRIPTLANGUAGE="JavaScript">

<!--

function loadReport(){

var reportUrl ='http://172.16.12.128:8888/xitReport/report/';

var userId= '1000';

var reportId= 'C10A103010010';

var reportParam= 'paramFile_C10A103010010.xml';

var url= reportUrl + reportId + '/checkDownload'

+'?userId=' + userId+ '&reportId=' + reportId+ '&reportParam=' + reportParam;

var reportWin= 'reportWin' + reportId;

win= window.open(url,reportWin,'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=580,height=100');

return false;

}

//-->

</SCRIPT>

</HEAD>

aaa

</BODY>

</HTML>

在某些IE下运行时body 的onload方法不被触发，原来在ie的安全设置里有一项‘活动脚本’的选项，如果该项为禁用，则html中的所有onload事件都将被IE忽略而不被触发。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wang_dong

关注关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

js的onload事件及初始化按钮事件示例代码

10-26

总之，`onload`事件用于页面或指定元素加载完毕后执行功能，而按钮事件的绑定则涉及到JavaScript与HTML的交互，可以采用不同的方法实现，这在动态网页设计中是不可或缺的部分。理解并熟练运用这些技术，可以帮助...

仅img元素创建后不添加到文档中会执行onload事件的解决方法

12-10

然而，在某些情况下，如果`<img>`元素通过JavaScript动态创建，并且没有立即添加到DOM（文档对象模型）中，`onload`事件可能会在预期之前被触发，导致问题。在提供的代码示例中，我们看到一个动态创建`<img>`元素...

参与评论您还未登录，请先登录后发表或查看评论

解决IE中img.onload失效的方法

tmeteor的专栏

10-09

2013

最近在做web开发，其中有一个需求：利用Javascript获取要加载的图片的尺寸，所以很自然的，我就想到了img的onload方法，在firefox下开发完成后，我到IE下调试，发现img的onload事件很多情况下都不被调用。我最初的代码如下：Code highlighting produced by Actipro CodeHighlighter (freeware)http://www

html onload不起作用,body标签onLoad执行无效，为何？

weixin_33293848的博客

06-20

2659

Example:// your code right here......// your code right here......[导读]HTML页面中直接使用onLoad()来绑定方法，保证：页面元素加载完成后才开始执行方法，避免selector获得的元素为null但是，页面运行效果在chrome中显示正常，没有出错，但页面上传至服务器后再访问，页面显示为空，没有出现该出现的元素，为何为出现这...

HTML通过JQ中load方法引入公共静态HTML模块事件无法生效

梦凝哲雪

05-22

1817

最近有一个小项目，公共的静态HTML模块居多如下： 1、用户登陆与否显示的两种模块 2、搜索和导航模块 3、尾部版权和广告模块然后多个界面都需要使用该模块，故想简化一点各个页面的代码量方案一 – 工具把模块转换成js文件再引入指定网页中很久以前使用该方法此时因为同步从上往下一次执行也不干扰事件的使用但是还是嫌麻烦，需要对每个静态界面转换然后引入  <script src="comm/head.js"&g

html中body的事件onload定义的函数失效

lixingshi的专栏

06-16

8943

在html文档中定义了body的onload事件属性：，但是load函数并未执行，可能是load所在js文件存在问题，没有被加载，可以通过浏览器F12调试工具，在console窗口可以看到js加载失败的错误提示，根据提示修改，等到所有文件都被加载完成，就可以出发load函数了

如何处理window.onload常见不生效的问题？

向着太阳迎着光

12-08

2235

是一个常见的页面加载事件，但在实际开发中，可能由于多个事件、脚本加载顺序问题或动态内容加载等原因，导致它无法按预期工作。使用来代替是一个好的实践，可以避免事件冲突。通过调整脚本加载顺序、异步加载资源等方法，可以确保页面内容在执行脚本时已经准备好。这种方式能使你的代码更灵活、可靠，避免常见的加载顺序或资源冲突问题。

js onload处理html页面加载之后的事件

12-12

window.onload事件就是当整个页面已经完全加载包括所有的依赖资源如图片、样式表等之后触发的事件。首先，需要注意的是，在代码中`”text/javascript”>`中的`type`属性应该是`type="text/javascript"`，可能由于...

HTML中事件触发列表与解说

10-30

4. **onLoad**：页面加载完成事件，当页面所有资源加载完毕时触发。 - **浏览器支持**：IE3, Netscape2, Opera3及以上版本。 - **示例应用**：执行初始化脚本、显示加载完成提示。 5. **onMove**/ **onResize**/ ...

img onload事件绑定各浏览器均可执行

09-05

jQuery的`$(document).ready()`函数会在DOM准备就绪时执行，不等待图片加载，因此在非IE和Opera浏览器中，`img.onload`事件仍然会被触发。解决这个问题的关键在于，我们需要在图片开始加载之前设置`onload`事件...

函数放到onload里面，在html里面执行函数会报错-----作用域和闭包相关问题

weixin_30607659的博客

03-31

207

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title>修改显示隐藏</title> <meta nam...

window.onload加载js函数不起作用

zhituji的博客

01-14

7964

使用window.onload加载函数，不起作用其实是不同js都使用了window.onload加载应用于同一个页面这样通常只有第一个js文件中的函数会被调用。例： first.js window.onload=function(){ function one(){ ... } } second.js window.onload=function(){

html script无效,html中出现的script失效

weixin_35909443的博客

06-03

1978

深入理解RunLoop网上看的一篇文章,写的真好,我得多看几次好好理解理解膜拜大神,转载至此便于学习查看. 此处标明原文链接:http://blog.ibireme.com/2015/05/18/runloop/ ...iOS-性能优化1iOS应用是非常注重用户体验的,不光是要求界面设计合理美观,也要求各种UI的反应灵敏,我相信大家对那种一拖就卡卡卡的 TableView 应用没什么好印...

使用JavaScript动态添加HTML语句后，事件失效的解决办法

erhuobuer的博客

10-08

1330

一、问题分析当我们使用js语法向页面中添加html语句时，经常会出现添加的html语句中绑定的事件无法执行，这是因为当js,css加载后才添加的html语句，这样在js事件加载时去找绑定的选择器（id,class），发现并不存在，因此点击事件会失效。二、解决方案使用jQuery 事件 - delegate() 方法使用 delegate() 方法的事件处理程序适用于当前或未来的元素（比如由...

关于window.onload不起效，也不报任何错误的问题

m0_61420899的博客

05-06

5253

关于window.onload不起效，也不报任何错误的问题。因为window.onload是绑定事件，既然是绑定事件，那说明同一文件目录下的每个页面（.html）只能拥有一个window.onload事件。

html body的onload事件详解

最新发布

03-22

<think>好的，我现在需要解决用户提到的Vant List组件中onload事件不触发的问题。根据用户提供的引用内容，问题可能与vue-scroll的高度设置有关，或者是首次加载时没有正确触发onLoad事件。首先，用户提到引用[1]中指出，当vue-scroll的高度设置为100vh时，可能导致下拉无法触发onload事件。这可能是因为容器高度不够，无法触发滚动到底部的检测。这时候需要检查List组件的父容器高度是否合适，确保列表内容可以滚动，从而触发加载更多的事件。接下来，引用[2]提到将immediate-check属性设置为false可以解决首次不触发onLoad的问题。默认情况下，List组件在初始化时会立即检查是否需要加载，但可能因为数据未准备好或布局问题导致无法正确触发。设置immediate-check为false后，需要手动在created或mounted生命周期中主动调用加载方法，比如直接调用onLoad函数，或者初始化加载数据。此外，还要考虑其他可能的原因，例如确保loading和finished状态管理正确。如果loading被误设置为true，或者finished过早设为true，都会阻止onLoad的触发。同时，检查网络请求和数据处理逻辑是否正确，是否有异常导致加载中断。最后，用户可能需要结合调整容器高度、设置immediate-check为false，并在合适的生命周期触发初始加载，同时正确管理加载状态，才能彻底解决onLoad不触发的问题。需要将这些步骤详细整理，确保用户能够一步步排查和解决问题。</think>### Vant List 组件 onLoad 不触发的解决方案 #### 1. **检查父容器高度设置** - **问题原因**：如果父容器高度被固定为`100vh`或过小，可能导致滚动检测失效，无法触发`onLoad`事件[^1]。 - **解决方法**： 1. 确保父容器高度由内容撑开，或留出滚动空间。 2. 使用 CSS 设置父容器为`height: calc(100vh - 其他元素高度)`，避免高度溢出。 #### 2. **禁用首次自动检查** - **问题原因**：List 组件默认会立即检查是否需要加载（`immediate-check="true"`），若初始数据未准备好可能导致检测失败[^2]。 - **解决方法**： ```html <van-list :immediate-check="false" @load="onLoad" > ``` 设置后需在`created`或`mounted`中手动触发首次加载： ```javascript created() { this.onLoad(); // 主动调用加载方法 } ``` #### 3. **正确处理加载状态** - **关键逻辑**： 1. 加载开始时设置`loading = true`，结束后设置`loading = false`。 2. 数据全部加载完成后设置`finished = true`。 ```javascript async onLoad() { this.loading = true; const newData = await fetchData(); // 请求数据 this.list = [...this.list, ...newData]; this.loading = false; if (newData.length === 0) this.finished = true; } ``` #### 4. **结合 PullRefresh 组件的注意事项** - 若同时使用下拉刷新，需确保`v-model`绑定的状态独立： ```html <van-pull-refresh v-model="isRefreshing" @refresh="onRefresh"> <van-list :finished="finished" @load="onLoad">  </van-list> </van-pull-refresh> ``` #### 5. **其他排查点** - **检查网络请求**：确保数据请求正常，无报错阻塞流程。 - **避免初始数据已满**：若初始数据已占满屏幕，需手动触发`onLoad`。 - **组件版本兼容性**：升级 Vant 至最新版本（如`4.x`），修复已知 Bug。