首頁 web前端 js教程 chrome下img載入對height()的影響範例探討_javascript技巧

chrome下img載入對height()的影響範例探討_javascript技巧

May 16, 2016 pm 04:46 PM
chrome height

複製代碼如下代碼:

渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


>
chrome下img載入對height ()的影響

.floatleft {
float:left;
}
樣式>


$(function() {
var img_h = $('.showimg').height();
var img_w = $('.showimg').width();
var text_h = $('.showtext').height() ;
$('.showresult').html('showImg:' img_w '&' img_h '
>showText:' text_h); >alert('showImg:'img_w'&'img_h'
>showText:'text_h)
});
腳本>
頭>




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



結論下,img不設定寬高,透過jquery的width()和height()取得到img的寬高112px * 0

求助:希望哪位大俠有好的方法,能在不設定寬高的情況下取得到正確的值。
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
2 週前 By 尊渡假赌尊渡假赌尊渡假赌
倉庫:如何復興隊友
4 週前 By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒險:如何獲得巨型種子
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

什麼是Updater.exe在Windows 11/10?這是Chrome進程嗎? 什麼是Updater.exe在Windows 11/10?這是Chrome進程嗎? Mar 21, 2024 pm 05:36 PM

什麼是Updater.exe在Windows 11/10?這是Chrome進程嗎?

crdownload是什麼文件 crdownload是什麼文件 Mar 08, 2023 am 11:38 AM

crdownload是什麼文件

chrome無法載入插件怎麼辦 chrome無法載入插件怎麼辦 Nov 06, 2023 pm 02:22 PM

chrome無法載入插件怎麼辦

解決Google瀏覽器無法開啟網頁的方法 解決Google瀏覽器無法開啟網頁的方法 Jan 04, 2024 pm 10:18 PM

解決Google瀏覽器無法開啟網頁的方法

Chrome的插件擴充功能安裝目錄是什麼 Chrome的插件擴充功能安裝目錄是什麼 Mar 08, 2024 am 08:55 AM

Chrome的插件擴充功能安裝目錄是什麼

如何在Chrome和Edge的所有選項卡中搜尋文本 如何在Chrome和Edge的所有選項卡中搜尋文本 Feb 19, 2024 am 11:30 AM

如何在Chrome和Edge的所有選項卡中搜尋文本

chrome是什麼意思 chrome是什麼意思 Aug 07, 2023 pm 01:18 PM

chrome是什麼意思

chromesetup是什麼軟體 chromesetup是什麼軟體 Mar 03, 2023 pm 02:58 PM

chromesetup是什麼軟體

See all articles