当前位置: 首页 > 编程笔记 >

chrome下img加载对height()的影响示例探讨

阎鸿煊
2023-03-14
本文向大家介绍chrome下img加载对height()的影响示例探讨,包括了chrome下img加载对height()的影响示例探讨的使用技巧和注意事项,需要的朋友参考一下
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>chrome下img加载对height()的影响</title> 
<style type="text/css"> 
.floatleft { 
float:left; 
} 
</style> 
<script type="text/javascript" src="js/jQuery-1.7.1.js"></script> 
<script type="text/javascript"> 
$(function() { 
var img_h = $('.showimg').height(); 
var img_w = $('.showimg').width(); 
var text_h = $('.showtext').height(); 
$('.showresult').html('showImg:' + img_w + '&' + img_h + '<br />showText:' + text_h); 
alert('showImg:' + img_w + '&' + img_h + '<br />showText:' + text_h); 
}); 
</script> 
</head> 
<!-- 
作者:北京-南宫 
日期:2012-07-25 
--> 
<body> 
<div> 
<div> 
<img src="images/flash_pic.gif" /> 
</div> 
<div> 
这是文字 
</div> 
<div> 
这里显示结果。 
</div> 
</div> 
</body> 
</html> 

将此代码在chrome运行,当alert窗口弹出时,将会发现页面的img并没有加载。
运行结果如下:
这是文字
showImg:112&0
showText:18
1、此处 img的默认宽度为112,但是我链接的img的宽度为1000,
2、此处img的高度为0,
现做如下改动
 
<img src="images/flash_pic.gif" width="1000" /> 

运行结果为:
这是文字
showImg:1000&0
showText:18
img的高度仍旧为0
当为其设置高度之后,就可以正常获取到。
结论:在chrome下,img不设置宽高,通过jquery的width()和height()获取到的img的宽高将为112px * 0
求助:希望哪位大侠有好办法,能在不设置宽高情况下获取到正确的值。
 类似资料:
  • 问题内容: 对于这个关于我测试过的内容和数字运算的问题,我不会长篇大论。我对实际的最新练习表演更感兴趣。 我已经阅读了成千上万的文章,有些文章持怀疑态度,或是 对一个图书馆 都很 赞成 。我目前正在使用进行测试,但我不知道如何将此类库的性能与其他库进行比较。 我知道是一个额外的层,试图将ORM添加到基本的SQL驱动程序/实现中,但是看到Go的代码非常清晰,并且在执行的所有操作中都非常接近其骨干。我

  • 我正在为学院实现DFS和边缘分类(基于本文提供的代码:https://courses.csail.mit.edu/6.006/fall11/rec/rec14.pdf)。 斜体字母只是顶点的名称,而顶点内部的数字分别是发现时间和完成时间。边缘分为后、前或交叉;其他都是树边。 正如您所看到的,该图是按照以下顺序访问的:首先是,然后是它的邻居(在DFS之后);当没有更多可访问的邻居时,访问开始于。 为

  • 随着今天从欧洲到美国的旅行限制生效,以及为了减缓新冠病毒的传播更加劝导群众留在家中,我们很好奇这些措施何影响全旅行。显而易见,我们使用Cesium进行探索。 我们开始收集过去几个月每隔一天的航班数据。下列是进出北京主要国际机场的所有航班: [随着时间的推移,北京首都国际机场(PEK)的预定航班数量已可视化出来。起飞显示为红色,到达显示为绿色。] 一月底,航班数量急剧下降,从大约900架次迅速下降到

  • 加载示例数据 本节内容依赖以下数据: 威廉·莎士比亚全集,解析成合适的字段。点击这里下载这个数据集: shakespeare.json. 一组虚构的账户与随机生成的数据。点击这里下载这个数据集: accounts.zip. 一组随机生成的日志文件。点击这里下载这个数据集: logs.jsonl.gz. 其中有两个数据集是压缩文件,可使用以下命令解压缩文件: unzip accounts.zip g

  • 本文向大家介绍php下载文件,添加响应头的简单实例,包括了php下载文件,添加响应头的简单实例的使用技巧和注意事项,需要的朋友参考一下 如下所示: 以上就是小编为大家带来的php下载文件,添加响应头的简单实例的全部内容了,希望对大家有所帮助,多多支持呐喊教程~

  • 我正在寻找结果取决于以下内容的代码示例: Java版本 虚拟机 Java选项/JVM选项 看着这段代码,很多人会猜到它是假的,但这取决于IntegerCache.high的值,该值可以用-djava.lang.Integer.IntegerCache.High=1000更改 我想,有很多例子可以用内存限制来改变行为,但是还有更多意想不到的例子吗?