欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-04-28 11:34:19
...
复制代码 代码如下:





chrome下img加载对height()的影响








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


这是文字


这里显示结果。





将此代码在chrome运行,当alert窗口弹出时,将会发现页面的img并没有加载。

运行结果如下:

这是文字
showImg:112&0
showText:18

1、此处 img的默认宽度为112,但是我链接的img的宽度为1000,

2、此处img的高度为0,

现做如下改动
复制代码 代码如下:

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

运行结果为:

这是文字
showImg:1000&0
showText:18
img的高度仍旧为0

当为其设置高度之后,就可以正常获取到。

结论:在chrome下,img不设置宽高,通过jquery的width()和height()获取到的img的宽高将为112px * 0

求助:希望哪位大侠有好办法,能在不设置宽高情况下获取到正确的值。