`
447214075
  • 浏览: 78605 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js加载问题

    博客分类:
  • js
 
阅读更多
今天碰到一个js加载的问题,需要等页面上的图片加载完成后对图片区域大小从新计算。
chrome浏览器不会等到图片加载完成就去执行$(document).ready()里的方法,而其他浏览器会等到图片加载完成后才执行。
为解决图片加载问题使用$("img").load()方法,load方法里完成图片加载后的运行。
$("img").load(function(){
//计算图片高度和位置
});
ie 不兼容$("img").load(),不会执行该方法。
解决ie不兼容:
$("img").one("load",function(){
//计算图片高度和位置
}).each(function(){
if(this.complete) $(this).load();
});
貌似是因为ie对图片做了缓存,不会触发图片的load方法。这样是判断图片是否加载完成,完成的话手动去调用一下load方法。
分享到:
评论

相关推荐

    js加载base64图片

    3. **JavaScript加载Base64图片**: 在JavaScript中加载Base64图片,通常涉及到以下几个步骤: - **转换图片为Base64**:你可以使用FileReader API读取本地图片文件,并调用其`readAsDataURL()`方法将其转换为...

    js 异步加载js, css文件

    当项目js(css)文件使用越来越多,js 文件的加载也成了性能上的一个问题,此资源能够在页面全部加载完成后异步加载js等资源文件,它可以顺序加载资源列表,也可以并发加载资源列表,它包含一个方法调用接口:...

    动态加载外部JS文件

    动态加载外部JS文件是网页开发中的一个重要技术,它允许网页在需要时按需加载JavaScript资源,从而提高页面的加载速度,优化用户体验,并有效地管理复杂的项目结构。以下将详细阐述动态加载的原理、方法以及相关实践...

    ThreeJS加载glb模型实用案例

    在Web开发领域,Three.js是一个非常流行的JavaScript库,它用于创建和展示3D图形,而无需复杂的编程。Three.js利用WebGL技术,这是一种基于OpenGL标准的JavaScript API,可以在浏览器上实现硬件加速的3D渲染。本篇...

    threejs加载GLTF示例

    在本示例中,我们将深入探讨如何使用Three.js库加载GLTF(通用场景图形格式)模型,这是一种广泛使用的3D模型格式,尤其适用于Web应用程序。Three.js是一个强大的JavaScript库,用于在Web浏览器中创建和展示三维图形...

    three.js加载json三维模型.zip

    在三维Web开发领域,Three.js是一个非常流行的JavaScript库,它为浏览器提供了强大的3D图形渲染功能。本主题将深入探讨如何使用Three.js加载JSON格式的三维模型,以及与BIM(建筑信息模型)相关的应用。 一、Three....

    arcgis for js 加载本地离线瓦片数据

    《加载本地离线瓦片数据在ArcGIS for JavaScript中的实现》 在GIS应用开发中,尤其是在没有网络连接或者网络环境不稳定的情况下,加载本地离线瓦片数据显得尤为重要。ArcGIS for JavaScript API提供了一种有效的...

    页面加载中js 页面加载中js 页面加载中js

    页面加载过程中,JavaScript(js)的执行对用户感知的页面加载速度有着直接影响。在这个主题下,我们将深入探讨JavaScript如何影响页面加载,以及如何利用它来改善用户在页面加载过程中的体验。 1. **JavaScript与...

    js加载页面等待效果

    综上所述,实现"js加载页面等待效果"需要结合JavaScript的事件监听、DOM操作、CSS动画、异步加载策略等多个方面知识,同时注重性能优化和用户体验设计,以确保用户在等待页面完全加载的过程中获得积极的视觉反馈。...

    scriptjs异步JavaScript加载器和依赖管理器

    **script.js:异步JavaScript加载器与依赖管理器详解** 在Web开发中,JavaScript的异步加载和依赖管理是优化页面性能的关键因素。`script.js`是一个轻量级且功能强大的工具,它允许开发者实现异步加载JavaScript...

    JS加载等待效果

    JavaScript加载等待效果是一种常见的用户体验优化技术,特别是在网页内容动态加载或者需要进行大量计算时。它通过展示一个加载动画或进度条来告知用户页面正在处理数据,以减少用户的等待焦虑感,提升整体的交互体验...

    arcgis for js加载百度地图高德地图天地图

    在GIS领域,ArcGIS for JavaScript(arcgis for js)是一个强大的Web地图开发库,它允许开发者将地理信息系统功能集成到Web应用中。本教程将详细阐述如何利用ArcGIS for JavaScript API来加载百度地图、高德地图和天...

    javascript函数动态加载javascript文件

    动态加载JavaScript文件的基本原理是利用`<script>`标签的异步加载特性或者使用`XMLHttpRequest`或`fetch` API来创建HTTP请求获取JS文件。下面我们将深入探讨这两种方法: 1. **使用`<script>`标签**: 在HTML中,...

    threejs加载obj文件

    - 如果模型加载失败,检查网络连接、文件路径和文件本身是否存在问题。 通过以上步骤,你应该能够在Three.js项目中成功加载和展示OBJ模型。这只是一个基础的示例,实际项目中可能需要进一步定制模型的显示效果,如...

    js 动态加载网页样式

    在这个场景中,我们利用JavaScript(jQuery)库来实现这一功能,同时还借助了`jquery.cookie.js`插件来保存用户的个性化设置。以下是关于这个主题的详细解释。 首先,`javascript`是网页脚本语言,它赋予了HTML页面...

    threejs加载模型.txt

    threejs加载模型的几种方式,包括stl类型以及obj格式,附带案例。

    threejs加载qgis导出的区域底图

    在本主题中,我们将深入探讨如何使用Three.js库来加载由QGIS软件导出的区域底图。Three.js是一款强大的JavaScript库,专为在Web浏览器中创建3D图形而设计。QGIS则是一款开源的地理信息系统,用于处理地理数据和创建...

    js加载广告 页面加载广告

    在网页设计中,尤其是在门户站点如搜狐这样的大型网站上,利用JavaScript加载广告是常见的做法,因为这种方式可以实现动态、交互式的广告展示,提高用户体验并优化广告效果。 1. **JavaScript广告加载原理** ...

    绚丽的 JS 加载动画

    Spin.js 是一款轻量级的JavaScript库,专门用于创建自定义的加载动画。它提供了丰富的选项来定制加载动画的样式,包括旋转速度、大小、颜色等,让开发者可以根据自己的需求轻松创建出独特且吸引人的加载效果。 Spin....

    ThreeJS加载3D模型

    标题中的“ThreeJS加载3D模型”涉及到的是WebGL库Three.js的核心功能,Three.js是一个JavaScript库,用于在Web浏览器中创建和展示3D图形。它使得开发者无需深入理解底层的WebGL API,就能轻松地处理3D场景、对象、...

Global site tag (gtag.js) - Google Analytics